-
.navbar-fixed-top：导航条固定在浏览器窗口顶部
.navbar-fixed-bottom：导航条固定在浏览器窗口底部
查看全部 -
<form action="##" class="navbar-form navbar-left" rol="search">
<div class="form-group">
<input type="text" class="form-control" placeholder="请输入关键词" />
</div>
<button type="submit" class="btn btn-default">搜索</button>
</form>
查看全部 -
在制作一个基础导航条时，主要分以下几步：
第一步：首先在制作导航的列表(<ul class=”nav”>)基础上添加类名“navbar-nav”
第二步：在列表外部添加一个容器（div），并且使用类名“navbar”和“navbar-default”
查看全部 -
使用方式就很简单，为ol加入breadcrumb类
查看全部 -
自适应导航时更换了另一个类名“nav-justified”。当然他需要和“nav-tabs”或者“nav-pills”配合在一起使用。
查看全部 -
分隔线。其实在垂直堆叠导航也具有这样的效果，只需要添加在导航项之间添加“<li class=”nav-divider”></li>”
查看全部 -
垂直导航，就类似前面介绍的垂直排列按钮一样。制作垂直堆叠导航只需要在“nav-pills”的基础上添加一个“nav-stacked”类名
查看全部 -
向上弹起的下拉菜单<div class="btn-group dropup">
查看全部 -
按钮的向下三角形，我们是通过在<button>标签中添加一个<span class="caret"></span>
查看全部 -
等分按钮也常被称为是自适应分组按钮，其实现方法也非常的简单，只需要在按钮组“btn-group”上追加一个“btn-group-justified”类名
查看全部 -
我们只需要把水平分组的“btn-group”类名换成“btn-group-vertical”即可
查看全部 -
使用的时候，只需要把当初制作下拉菜单的“dropdown”的容器换成“btn-group”，并且和普通的按钮放在同一级
查看全部 -
那么Bootstrap框架按钮工具栏也提供了这样的制作方法，你只需要将按钮组“btn-group”按组放在一个大的容器“btn-toolbar”中
查看全部 -
<h4>使用pull-right类使下拉菜单与父容器右边对齐</h4><p><br /></p><p><br /></p><h4>使用dropdown-menu-right类使下拉菜单与父容器右边对齐 </h4><p><br /><br /></p><h4>下拉菜单与父容器左边对齐</h4><p><br /></p>查看全部
-
class="dropdown-header" 第一部分菜单头部
查看全部
举报