-
垂直的导航添加nav-stacked
分割线只需要添加在导航项之间添加“<li class=”nav-divider”></li>”
查看全部 -
实现原理非常的简单，将菜单项（li）按块显示，并且让他们在同一水平上排列，然后定义非高亮菜单的样式和鼠标悬浮效果
查看全部 -
导航
Bootstrap框架中制作导航条主要通过“.nav”样式。默认的“.nav”样式不提供默认的导航样式，必须附加另外一个样式才会有效，比如“nav-tabs”、“nav-pills”之类
查看全部 -
有的时候我们的下拉菜单会向上弹起（接下来一个小节会介绍），这个时候我们的三角方向需要朝上显示，实现方法：需要在“.btn-group”类上追加“dropup”类名
查看全部 -
等分按钮
1，也常被称为是自适应分组按钮，其实现方法也非常的简单，只需要在按钮组“btn-group”上追加一个“btn-group-justified”类
2，实现原理非常简单，把“btn-group-justified”模拟成表格（display:table），而且把里面的按钮模拟成表格单元格（display:table-cell）。
3，特别声明：在制作等分按钮组时，请尽量使用<a>标签元素来制作按钮，因为使用<button>标签元素时，使用display:table在部分浏览器下支持并不友好。
查看全部 -
按钮组 垂直显示
“btn-group”类名换成“btn-group-vertical”
查看全部 -
下拉菜单和普通的按钮组排列在一起，实现类似于导航菜单的效果
只需要把当初制作下拉菜单的“dropdown”的容器换成“btn-group”，并且和普通的按钮放在同一级。
查看全部 -
包围按钮组btn-group的按钮工具栏btn-toolbar
查看全部 -
btn-group按钮组
按钮组中的按钮，除了第一个和最后一个具有边上的圆角之外，其他的按钮没有圆角
查看全部 -
Bootstrap框架中下拉菜单默认是左对齐，如果你想让下拉菜单相对于父容器右对齐时，可以在“dropdown-menu”上添加一个“pull-right”或者“dropdown-menu-right”类名
查看全部 -
空li加dropdown-header类，增加标题
查看全部 -
添加一个空的<li>，并且给这个<li>添加类名“divider”来实现添加下拉分隔线的功能
查看全部 -
1、使用一个名为“dropdown”的容器包裹了整个下拉菜单元素，示例中为:
<div class="dropdown"></div>2、使用了一个<button>按钮做为父菜单，并且定义类名“dropdown-toggle”和自定义“data-toggle”属性，且值必须和最外容器类名一致，此示例为:
data-toggle="dropdown"3、下拉菜单项使用一个ul列表，并且定义一个类名为“dropdown-menu”，此示例为:
<ul class="dropdown-menu">查看全部 -
注意：嵌套的列总数也需要遵循不超过12列。不然会造成末位列换行显示。
查看全部 -
“col-md-push-*”和“col-md-pull-*”
push向右偏移 pull向左偏移
查看全部
举报