- 布局樣式
- .container:固定寬度並具響應式
- .container-fluid自由寬度(100%寬度)
- 標題樣式
- <h1>到<h6> 樣式已經寫好了,可以直接用,兼容性也做到了。行內元素顯示塊的樣式
-
行內文本樣式:
- <b> <strong> 加粗
- <i> <em>斜體
- <s><del>刪除線
-
文本對齊樣式
- .text-left
- .text-center
- .text-right
- .text-justify:兩段對齊
-
列表樣式
- .list-unstyled:去掉前面的符號
- .list-inline(行內塊
-
表格樣式
- .table:這個類樣式會有少量空白,以及水平分割線
- .table-striped:隔行變色
- .table-bordered:帶邊框的表格
- .table-hover:鼠標放上變色效果
- .table-condensed:表格緊湊型
-
行或單元格背景色
- .active
- .success
- .info
- .warning
- .danger
只能給tr和td加的類樣式,一種顏色
-
表格響應式布局
使用DIV標記內.table-responsive元素將.table元素包圍
-
表單樣式
- .form-group :表單組樣式,將<label>和表單元素包含其中
- .form-control :給input,select,textarea等元素加樣式(復選框不能加這個)
- Placehoder屬性
- 給input加提示信息,將value改為placeholder
- .form-inline :給form加的類,讓input行內顯示
- .sr-only:給label加,使其文字隱藏。
- .checkbox:復選框樣式
- .radio:單選框模式//給 input 的name設置同一個name 則可以選中一項
- .disabled: 禁用單選框或復選項文本
- .form-horizontal:水平排列的表單,用於FORM元素
- .checkbox-inline:給多個復選項顯示在同一行
- .radio-inline:控制多個單選框元素在同一行顯示。