bootstrap筆記

官方文檔
中文文檔

筆記版本為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 基本樣式

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • CSS全局樣式 概覽 移動(dòng)設(shè)備優(yōu)先 布局容器 1、container類用于固定寬度并支持響應(yīng)式布局的容器 2、co...
    VEN_64d6閱讀 1,530評(píng)論 0 1
  • Bootstrap已經(jīng)成為一種生態(tài),兼容移動(dòng)端。像我這種“前端門外漢”,如果你叫我不用它寫網(wǎng)頁(yè),我真寫不好。boo...
    brandonxiang閱讀 525評(píng)論 0 3
  • Bootstrap will figure out how wide your screen is and res...
    yoosir閱讀 371評(píng)論 0 1
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,127評(píng)論 1 92
  • 昨天,我問了家人和朋友一個(gè)問題,如果自己孩子回家,跟你說:小明今天不和我玩,不論我想和他玩什么,他都說不想玩...
    素食主義_閱讀 1,093評(píng)論 0 0

友情鏈接更多精彩內(nèi)容