请登录后发表评论
登录
全部评论
首页 > 应用开发 > IT综合 > Bootstrap学习笔记
一、选项卡
基于
<!--设置选项卡的展示样式：.nav-tabs .nav-pills
如果想创建堆叠式的排列，可以在nav-tabs（nav-pills）的后面添加nav-stacked -->
<!--class="active"表示默认激活第一个选项卡-->
选项一的内容
选项二的内容
选项三的内容
二、导航条
在页面上添加导航条组件可以用 .navbar 类来定义，然后用 .navbar-inner 类将导航中的条目装载在一起，导航条中条目可以是无序列表,将导航条放入 .container 中就可以限制其宽度。如果想在导航条目中添加分隔符，只需增加一个空白的条目并为其设置一个类即可，如果想要在导航中添加一个表单，需要包含在 .navbar-form 类中，如果是搜索表单可以定义为 .navbar-search 。例如：
<!--定义导航的Title-->
<!--添加分隔符-->
<!--在导航中添加一个普通表单
-->
<!--在导航中添加一个搜索表单-->
<!--为输入框添加.search-query即可获得一个搜索表单-->
如果想在导航条目中加入下拉菜单，只需要在导航条目
<!--添加一个下拉菜单-->
Account
三、面包屑
面包屑组件可以用 .breadcrumb 类来定义，在页面上可以用于位置（路径）提示。例如：
四、分页
分页用 .pagination 类来定义，定义如下：
<!--.pagination-centered（中间）.pagination-rigth（右边）-->
可根据不同情况定制链接。用 .disabled 标明链接不可点击，用 .active 标明当前页。
...
你还可以使用span标签替代a 标签，这样就去除了点击功能，同时又能保留需要的样式。
...
如果需要更改分页器的大小，在class="pagination”里面添加 .pagination-large 、.pagination-small 或 .pagination-mini 就可以改变分页尺寸。如果需要定义“上一页”“下一页”的翻页样式”可以用 .page 类：
<!--将链接放页面两侧-->
分页也可使用 .disabled 工具类让链接处于禁用状态，添加在
（文章来源：http://www.mfqyw.com/）
来自 “ ITPUB博客 ” ，链接：https://blog.itpub.net/29870867/viewspace-1337853/ ，如需转载，请注明出处，否则将追究法律责任。
北京盛拓优讯信息技术有限公司. 版权所有 京ICP备16024965号-8 北京市公安局海淀分局网监中心备案编号：11010802021510 niuxiaotong@pcpop.com 17352615567 未成年人举报专区
广播电视节目制作经营许可证(京) 字第1234号 中国互联网协会会员
违法和不良信息举报电话:18101376593
