栅栏模式
container 把页面切换成12格 xs sm md 分别用于 手机 平板 pc文字效果 <u>下划线</u> <del>删除</del> <s> 中划线</s>段落效果class ='text-lowercase'小写 class ='text-uppercase'小写 class='text-capitalized' 首字母大写对齐方式 class='text-left'左对齐 class='text-right'右对齐 class='text-center'中间对齐 class='text-justify'俩侧对齐 class='text-nowrap'不换行 代码解析
<blockquote></blockquote> 引用 <cite></cite>表格普通表格class='table'条纹表格class = 'table-striped'带边框表格class='table-bordered'鼠标响应表格class = 'table-hovered' 紧缩表格class = 'table-condensed' 响应式
<div class="table-responsive"><table></table></div> 表单
小块使用 class = 'form-group' 节点使用 class='form-control'内联表单和表格的响应式一样需要在外层加一个class = 'form-inline'的父级层水平排列表单内容和输入框水平摆放，需要用到栅栏 父层div class='form-horizontal' 内部label col-md-3 input col-md-9 input设置
禁用input
readOnly disabled额外图标<div class='input-group'><span class='input-group-addon'>额外图标</span></div>button样式 class = 'btn btn-default'无色 primary 深蓝 success 绿色 ....和table一样注:a标签同样可以伪装成button 但是diabled属性需要写在 class中 图片
响应式图片class='img-responsive'圆角图片class='img-rounded'圆形图片class='img-circle'带框图片class='img-thumbnail' 颜色
表格tr/td颜色class='active' hover颜色 success 绿色 info 蓝色 warning 黄色 danger 红色button颜色 class = 'btn btn-default'无色 primary 深蓝 success 绿色 ....和table一样文字颜色class='text-success'....等背景颜色class='bg-success' 快速浮动
pull-left/pull-right清除浮动clearfix显示隐藏class='show'/'hide'