bootstrap组件

下拉菜单

容器： dropdown dropup

控制器 ： .dropdown-toggle

属性 data-toggle = "dropdown"

菜单 ： dropdown-menu dropdown-menu-right

选中项 active 分割线divider 禁用项 disabled

按钮组：

btn-toolbar

垂直：btn-group-vertical

尺寸 ： btn-group-* lg/sm/xs 给button的父元素加

兩端對齊： btn-group-justified (結構必須是 btn-group 包裹btn-group)

颜色：btn-succcess/default/info/danger/waring/primary

块状按钮： btn-block

连接按钮：btn-link

表单：

input组： input-group

文本、单选框、复选框： input-group-addon

表单: form-control 与父元素等宽

尺寸：input-group-* lg/sm/xs

按钮 :input-group-btn

 

form组：form-group

组件横向排列：form-inline

水平排列：form-horizontal

input状态： 成功：has-success 错误：has-error 警告： hans-waring

input中的图标 ：图标：form-control-feedback 容器： has-feedback

input尺寸：input-* lg/sm

 

导航

导航 nav

nav-tabs 标签页导航

nav-pills 胶囊式导航

nav-stacked 垂直导航

nav-justfied 两端对齐（子元素平分容器）

active 选中项(首选项)

disabled 禁用项

 

导航栏

导航栏 navbar

默认 navbar-default

反色 navbar-inverse

导航栏头部： {

navbar-header（折叠控制按钮 标题logo）

标题 navbar-brand

}

折叠 ：{

collapse/navbar-collapse(导航 表单 文本)

导航 navbar-nav

表单 navbar-form

按钮 navbar-btn

文本 navbar-text

浮动 navbar-left/right

链接 navbar-link

小屏按钮 navbar-toggle

}

固定定位 上 navbar-fixed-top

下 navbar-fixed-bottom

分页 :pagination

尺寸：pagination-*(lg大 sm小)

翻页：pager 上一页： previous 下一页： next

标签：label label-*

徽章：badge

缩略图：thumbnail 文字容器 ：caption

巨幕：jumbotron

先写容器 再写巨幕：固定 居中带圆角

先写巨幕 再写容器：全屏效果 内容居中显示

警告框：

alert

关闭 属性 data-dismiss='alert' 移除dom节点

类名： close

链接： alert-link

进度条：progress-bar 条纹：progress-bar-striped

动态效果 active 颜色：progress-bar-*

媒体对象：media media-right media-left media-body

列表组： list-group 列表组成员 list-group-item

镶入媒体： embed-responsive

视频比例：16:9 embed-responsive embed-responsive-16by9

4:3 embed-responsive embed-responsive-4by3

well组件：自带凹陷效果