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>一定要加在外面,不然會完蛋(丑)