BOOTSTRAP學習筆記(1)

bootstrap資源:
bootstrap官方網站
bootstrap的github首頁
bootstrap中文網站

[1] 在引用bootstrap的js文件前,先引用jquery文件js,因爲其建立在jquery基礎上。

[2]

<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

第一個提高渲染屬性;第二個是針對viewport,移動端。

【3】bootstrap柵格系統
容器
- container-fluid 流體佈局
- container
- 固定佈局
- 1170
- 970
- 750
- auto
根據不同的分辨率而不同
概念
- 分12列
-row
-col
- 閾值
- 1200>=
- 992>=
- 768>=
- 786<

attention:一個網頁裏可以同時用到兩種容器,但是儘量不要出現嵌套關係。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章