bs（二）表单（网格系统、下拉菜单、简单导航）

1. 网格系统
   
   1. 列类.col-md-4 //其中的数字表示占的百分比
      注：其中md表示middle,还有es,sm,lg不同型号
   2. 在列元素上添加“col-md-offset-4”，表示该列向右移动4个列的宽度
   3. 列排序其实就是改变列的方向，就是改变左右浮动，并且设置浮动的距离。在Bootstrap框架的网格系统中是通过添加类名“col-md-push-*”和“col-md-pull-*” (其中星号代表移动的列组合数)。
      
      1. 嵌套列
2. 下拉菜单
   
   1. 
   2. 分割线
      .divider
   3. 菜单标题
      .dropdown-header
   4. 对其方式
      .dropdown-menu-right
   5. 菜单项状态
      下拉菜单项的默认的状态（不用设置）有悬浮状态（:hover）和焦点状态（:focus）
      还有当前状态（.active）和禁用状态（.disabled）
   6. 按钮组
      
   7. 按钮工具栏
      <div class="btn-toolbar">
   8. 垂直分组
      .btn-group-vertical
   9. 自适应分组
      .btn-group-justified
   10. 上拉
       .dropup
3. 导航
   
   1. <ul class="nav nav-tabs">// nav-pills替换tabs时，没有下划线
   2. 选中 ,tabs和pills的选中表现形式不一样
      .active
   3. 垂直堆叠导航
      .nav-stacked
   4. 自适应导航
      .nav-justified
   5. 面包屑式导航
      .breadcrumb