移动设备支持:
<meta name="viewport" content="width=device-width, initial-scale=1.0(, maximum-scale=1.0, user-scalable=no)">
确保页面里所有的内容都是响应式的 把所有元素放到<div class=''container-fluid'></div>
网格Grid:
把要在同一行显示的元素同放在一个class=’row‘的div中,每个元素添加class='col-xs-*' ( *代表每列的相对宽度 )
增加视觉效果:class='well'
文字居中: class='text-center'
按钮属性:
- class=‘btn'
- 变成块级元素 class='btn-block'
- 变成深蓝色背景 class='btn-primary' (被用在那些用户主要采取的操作上)
- 变成浅蓝色背景 class='btn-info' ( 被用在那些用户可能会采取的操作上 )
- 变成红色背景 class=‘btn-danger' ( 被用来提醒用户该操作具有“破坏性" )
- 默认样式 class='btn btn-default'