筆記版本為BS3 ,這是BS2重寫后的版本,不在支持IE6;BS4目前還是測(cè)試版本
BS3的js強(qiáng)依賴于jQuery,如果沒有jQuery,就會(huì)無法使用bs3的js文件
在中文文檔里下載 用于生產(chǎn)環(huán)境的 Bootstrap
在index.html中引入,在js引入前需先引入jq
Bootstrap 需要為頁(yè)面內(nèi)容和柵格系統(tǒng)包裹一個(gè) .container 容器
//固定布局,一般用于PC
<div class="container">
...
</div>
-------
//流動(dòng)布局,一般用于手機(jī)
<div class="container-fluid">
...
</div>
<div class="container">
<div class="row">//必須要這個(gè),因?yàn)橛袀€(gè)負(fù)的margin,可以讓col更寬
<div class="col-md-1">.col-md-1</div>
</div>
</div>
只用div是因?yàn)槠渌麡?biāo)簽都有默認(rèn)樣式,而div沒有
class="col-**-offset-*" 列偏移
xs 超小
sm 小
md中等 (一般是這個(gè))
lg 超大
樣式照抄就是了,其他的自己加style覆蓋 加的時(shí)候最好加個(gè)包裹避免覆蓋
how2j 基本樣式