bootstrap 把 網頁 均分為 12格，並分別對應 超小屏幕 xs 小屏幕 ms 中等屏幕 md 大屏幕 lg

結構

最外部 用類 container 包括 ，然後嵌套 類row，

超小 col-xs-1~12 分為12格。

小 col-sm -1~12 分為12格。

中等 col- md -1~12 分為12格。

大 col-lg-1~12 分為12格。

col-* 類 需全部位於 row 類內，當 每個col 類內部需要重新 劃分12格時，需要嵌套row 來包含繼續嵌套的 col 類。

同一個div 可以添加多個不同的類， col-md-6 或者 col-sm-3 可以在屏幕大小改變的時候改變顯示效果。

表格

table 類 table-* 類，決定 表格的主要樣式。

table

thead tr th

tbody tr th

表單

form 添加 role=“form”

label 和 input 放在 form-group 類中。

內聯表單

如果 表單 內部元素需要內聯，則 添加 form-inline。

label 可以添家 類 sr-only 來實現隱藏。

水平布局表單

form 添加類 form-horizontal。

每一行元素都放在form-group 中。

checkbox 復選框 需要放在 類checkbox 裏邊

input 添加類名 form-control

label 添加類名 control-label

• 當創建表單時，如果您想讓用戶從列表中選擇若幹個選項時，請使用 checkbox。如果您限制用戶只能選擇一個選項，請使用 radio。
• 對一系列復選框和單選框使用 .checkbox-inline 或 .radio-inline class，控制它們顯示在同一行上。

按鈕

a button input type=button input type=submit input type=reset

等 添加類名 .btn .btn-* 來 添加樣式 btn-lg\btn-sm 、btn-block、來確定button的大小 ，也可以添加 col-md-*來確定button 的大小。

bootstarp 網格系統