bootstrap筆記

1、佈局容器

　　一、container

　　　　container類用於固定寬度並支持響應佈局的容器

　　二、container-fluid

　　　　container-fluid用於100%寬度的佈局鋪滿整個窗口

 

2、柵欄參數

　　 col-xs- 　　　　　　col-sm- 　　　　　　col-md-　　　　　　　　col-lg-

　　超小屏幕 　　　　　　小屏幕 　　　　　　  中等屏幕 　　　　　　　　大屏幕 

　　手機 (<768px)　　　　平板 (≥768px)　　　　   桌面顯示器 (≥992px)　　　　大桌面顯示器 (≥1200px)

 

3、列偏移

　　col-*-offset-1　　在這一列添加margin-left

 

4、列排序

　　col-md-push 向右移動

　　col-md-pull 向左移動　　

 

5、標題

　　h1 - h6

　　.h1 - .h6 

 

6、副標題

　　small  或 .small

　　通常用在h1-h6中

 

7、中心內容

　　.lead

　　字體變大 margin-bottom變大

　　通常用在p標籤中

 

8、標記

　　mark標籤

 

9、被刪除文本

　　del標籤　　s標籤

 

10、插入文本

　　u標籤　　ins標籤 　　

　　文本下面添加下劃線

 

11、加粗

　　b標籤 　　strong標籤

 

12、斜體

　　em標籤　　i標籤

 

十3、對齊

　　text-left　　text-right　　text-center　　text-justify　　text-nowrap

 

十4、改變大小寫

　　text-lowercase：所有小寫　　text-uppercase：所有大寫　　text-capitalize：每一個首字母大寫

 

十5、縮略語

　　abbr標籤　　爲縮略語添加 .initialism 類，可讓 font-size 變得稍微小些。

 

 十6、引用

　　blockquote標籤 通常放p標籤 和footer標籤  左側對齊

　　.blockquote-reverse 右側對齊

 

十7、列表

　　無樣式列表 .list-unstyled

　　內聯樣式 .list-inline

　　水平排列的dl>dt>dd　　.dl-horizontal