Bootstrap 标签页制作
2015-06-26 10:18
537 查看
<ul class="nav nav-tabs" role="tablist"> <span style="white-space:pre"> </span><li class="active"><a href="#home" role="tab" data-toggle="tab">Home</a></li> <span style="white-space:pre"> </span><li><a href="#profile" role="tab" data-toggle="tab">Profile</a></li> <span style="white-space:pre"> </span><li><a href="#messages" role="tab" data-toggle="tab">Messages</a></li> </ul> <div class="tab-content"> <span style="white-space:pre"> </span><div class="tab-pane active" id="home">Home Content</div> <span style="white-space:pre"> </span><div class="tab-pane" id="profile">profile Content</div> <span style="white-space:pre"> </span><div class="tab-pane" id="messages">messages Content</div>
<span style="font-family: Arial, Helvetica, sans-serif;"></div></span>
效果:
要点:href="#name" 中的name指向id=对应的name
相关文章推荐
- Bootstrap系列 -- 28. 下拉菜单状态
- Bootstrap系列 -- 27. 下拉菜单对齐方式
- Bootstrap系列 -- 26. 下拉菜单标题
- Bootstrap系列 -- 25. 下拉菜单分割线
- Bootstrap系列 -- 24. 下拉菜单基本用法
- Bootstrap系列 -- 23. 图片
- Bootstrap系列 -- 22. 按钮详解
- Bootstrap系列 -- 22. 按钮
- 利用bootstrap中tooltip的使用,弹出微信二维码
- bootstrap 禁用 modal 点击空白处关闭事件
- Bootstrap系列 -- 21. 表单提示信息
- 《Bootstrap实战》
- Bootstrap系列 -- 20. 禁用状态
- Bootstrap系列 -- 19. 焦点状态
- Bootstrap系列 -- 18. 表单控件大小
- Bootstrap-Datatable学习笔记整理第1节
- Bootstrap系列 -- 17. 复选框checkbox和单选择按钮radio
- Bootstrap系列 -- 16. 文本域textarea
- bootstrap小技巧
- Bootstrap系列 -- 15. 下拉选择框select