row :行
col-*-
*:列(第乙個*可以為xs[超小]
/sm[小型]
/md[中型]
/lg[大型]第二個*必須為12以內的[列數]
)col-
*-offset-*:
列偏移(第乙個*和上面一樣,第二個*範圍是1到11
,表示把該列的左外邊距
(margin)增加*列)
col-*-
*-*:
列排序(第乙個*和上面一樣,第二個*可以為push[向右]
/pull[向左]
,第三個*範圍是1到11
[列數])排版
small:內聯子標題
lead:引導主體副本
text-*:
文字樣式
(*號可以為
left[左對齊]
/center[居中對齊]
/right[右對齊]
/muted[減弱文字]
/primary/success/info/warning/danger
/justify[自動換行]
/nowrap[不換行]
/lowercase[小寫]
/uppercase[大寫]
/capitalize[首字母大寫]
)list-inline:列表置於同一行
建立基本表單
(垂直表單)的步驟
1.向父 元素新增 role=
"form"。
2. 把標籤和控制項放在乙個帶有 class
.form
-group 的 中。這是獲取最佳間距所必需的。
3. 向所有的文字元素 、 和 新增 class
.form
-control。
建立水平表單的步驟
1.向父 元素新增 class
.form
-horizontal。
2.把標籤和控制項放在乙個帶有 class
.form
-group 的 中。
3.向標籤新增 class
.control
-label。
常見的表單控制項主要是 input、textarea、checkbox、radio 和 select。
input: 宣告type有text、password、datetime、datetime-local、date、month、time、week、
number、email、url、search、tel 和 color。
textarea: row決定高度
checkbox: 核取方塊
radio:單選框
checkbox-inline:內聯的核取方塊和單選框
select:選擇框
對父元素新增驗證狀態has-*:
驗證樣式
(*可以為warning/error/success)
按鈕btn:基本樣式
btn-*:
其他樣式
(*可以為default
/primary/success/info/warning/danger
/link[讓按鈕看起來像個鏈結]
/lg/sm/xs/
block[塊級按鈕,拉伸至父元素100
%的寬度]
/active/disabled)
img-*:
樣式(*可以為rounded[圓角6px]
/circle[圓形]
/thumbnail[新增內邊距和乙個灰色的邊框]
/responsive)
bootstrap常用屬性
1.1柵格系統 1 柵格系統是一種行和列構成的一種布局。隨著，螢幕解析度的變大，最多可展示12個列。pc端 pad端 手機終端 2 柵格引數 col lg 螢幕 1200px pc col md 992px 1200px col sm 768px 992px 小平板 col xs 小於768px 手...
CSS筆記（Bootstrap概覽）
移動裝置優先是 bootstrap 3 的最顯著的變化，為了bootstrap可以在移動端確保適當的繪製和觸屏縮放，要在頭部新增viewport meta標籤。bootstrap 包含了乙個響應式的 移動裝置優先的 不固定的網格系統，可以隨著裝置或視口大小的增加而適當地擴充套件到12 列。建立網路系...
bootstrap 常用內聯文字
php中文網是乙個永久免費的web開發學習 vip課程原價 999活動 699 vip課程原價 999活動 699 歡迎來php中文網學習bootstrap入門課程 歡迎來php中文網學習bootstrap入門課程 正常文字小號文字正常文字 正常文字加粗文字正常文字 php中文網 php中文網 ph...