Bootstrap學習筆記（3）--表格和表單，bootstrap學習筆記

Bootstrap學習筆記（3）--表格和表單，bootstrap學習筆記
Bootstrap表格  表格類：   .table只會在表行之間增加橫線;   .table-striped會在表格行之間增減斑馬線;   .table-hover會給表設定滑鼠移至上方狀態;   .table-border會為所有的表格添加邊框;   .table-condensed讓表格更加緊湊; tr,td,th類   .active讓某一行儲存格或者行處於啟用狀態;   .success表示成功的樣式;   .warning表示警告的樣式;   .danger表示危險的樣式;   .info表示資訊的樣式; 

  表單類：

  建立表單的基本步驟 (1)首先向form元素添加role="form"; (2)把標籤和控制項放在一個帶有class .form-group的<div>中，這是擷取最佳間距鎖必須的; (3)向所有的文本元素<intput><textarea>和<select>添加class .form-control;   幾種表單格式；   垂直表單-採用以上樣式建立的普通表單;  水平表單-在form中增加class .form-horizontal；  內聯表單-在form中增加class .form-inline,對於標籤元素可以使用.sr-only來隱藏該標籤元素（label）   支援的表單控制項:  input,textarea,checkbox,radio,select(可以增加multiple實現多選)  這裡特別說明一點,實現內聯的複選框或者選項按鈕使用checkbox-line屬性.  如果想在想放置純文字那麼可以對<p>元素使用.form-control-static   表單控制項狀態:  可以對div設定has-warning,has-error,has-success來顯示內部控制項的狀態.  可以設定.input-large或者.input-sm來顯示控制項的大小,或者使用col-lg-*來顯示控制項占的列數.  可以使用.class-bloc來顯示一段內容的解釋.