移動(dòng)設(shè)備支持:
<meta name="viewport" content="width=device-width, initial-scale=1.0(, maximum-scale=1.0, user-scalable=no)">
確保頁面里所有的內(nèi)容都是響應(yīng)式的 把所有元素放到<div class=''container-fluid'></div>
網(wǎng)格Grid:
把要在同一行顯示的元素同放在一個(gè)class=’row‘的div中,每個(gè)元素添加class='col-xs-*' ( *代表每列的相對(duì)寬度 )
增加視覺效果:class='well'
文字居中: class='text-center'
按鈕屬性:
- class=‘btn'
- 變成塊級(jí)元素 class='btn-block'
- 變成深藍(lán)色背景 class='btn-primary' (被用在那些用戶主要采取的操作上)
- 變成淺藍(lán)色背景 class='btn-info' ( 被用在那些用戶可能會(huì)采取的操作上 )
- 變成紅色背景 class=‘btn-danger' ( 被用來提醒用戶該操作具有“破壞性" )
- 默認(rèn)樣式 class='btn btn-default'