CSS深入淺出-Bootstrap

Bootstrap是給沒有前端的團(tuán)隊用的,因為它的使用方法就是復(fù)制粘貼
Bootstrap的響應(yīng)式布局主要是用了媒體查詢柵格系統(tǒng),中文網(wǎng)上寫著的。

下載

  • 下載

官網(wǎng)鏈接:https://getbootstrap.com/
中文網(wǎng)鏈接:http://www.bootcss.com/

官網(wǎng)下載(最新版):點擊這里
中文網(wǎng)下載:點擊這里

Bootstrap強依賴jQuery,下載

curl https://code.jquery.com/jquery-3.3.1.js >> 文件名.js
  • 引用

把下載后的Bootstrap文件解壓,放到你的項目目錄,注意
然后在index.html中引用css文件和js文件,每個一項就行。
再把下載的jquery復(fù)制到項目目錄,同樣要引用,不顧最好寫在最前面。

使用

  • 布局容器

直接去中文網(wǎng)頁面,點擊全局CSS樣式,按照教程走復(fù)制代碼就行

布局容器有兩個,上方的是固定響應(yīng)式布局,下方是百分比布局,推薦用上方的,直接復(fù)制

  • 組件,Js組件

去中文版頁面,直接復(fù)制黏貼就行

如何學(xué)

  • 有一定CSS基礎(chǔ),復(fù)制粘貼
  • 有一定js基礎(chǔ),復(fù)制粘貼
  • 看完中文文檔

注意點

  • 千萬不要直接改class,要改樣式的話外面再套曾div自己改
  • class="row"這個<div>一定要加在外面,不然會完蛋(丑)
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

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

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