-
Bootstrap為表格不同的樣式風格提供了不同的類名,主要包括:
????.table:基礎表格
????.table-striped:斑馬線表格
????.table-bordered:帶邊框的表格
????.table-hover:鼠標懸停高亮的表格
????.table-condensed:緊湊型表格
????.table-responsive:響應式表格
查看全部 -
只需要在pre標簽上添加類名“.pre-scrollable”,就可以控制代碼塊區域最大高度為340px,一旦超出這個高度,就會在Y軸出現滾動條。
查看全部 -
Bootstrap可以給<dl>添加類名“.dl-horizontal”給定義列表實現水平顯示效果。
查看全部 -
通過添加類名“.list-inline”來實現內聯列表,簡單點說就是把垂直列表換成水平列表,而且去掉項目符號(編號),保持水平顯示。
查看全部 -
通過給無序列表添加一個類名“.list-unstyled”,這樣就可以去除默認的列表樣式的風格。
查看全部 -
.text-justify:兩端對齊
查看全部 -
值得注意的是dd標簽內可以添加任意其他標簽,但是dt標簽內不能添加塊級標簽只能添加行級或行內塊級標簽。查看全部
-
無序列表距離頁面左側有一定的間距,且項目前用實心點表示; 有序列表距離頁面左側也有一定的間距,且項目前用數字表示; 定義列表距離頁面左側沒有間距,且項目前沒有任何符號或標記查看全部
-
< i > 是視覺要素(presentationl elements),分別表示無意義的加粗,無意義的斜體,僅僅表示樣式上是粗體或斜體,而沒有強調的語義,這兩個標簽在HTML4.01中不推薦使用,建議用CSS樣式; < em > 是表達要素(phrase elements)。 < em > (emphasized text)表示一般的強調文本,這個標簽具有語義。該標簽中的內容在搜索引擎中更受重視,一些語音閱讀器也會根據它在閱讀時加強語氣。查看全部
-
圖標:
https://glyphicons.com/
http://getbootstrap.com/components/#glyphicons
http://www.bootcss.com/p/font-awesome/
查看全部 -
.list-unstyled 樣式類要添加到父元素ul 或ol上
查看全部 -
JQuery要在Bootstrap之前引用
查看全部 -
發廣告查看全部
-
模態彈窗的事件
使用:
$('#myModal').on('hidden.bs.modal',?function?(e)?{ ????//?處理代碼... })
show.bs.modal:在show方法調用時立即觸發(尚未顯示之前);如果單擊了一個元素,那么該元素將作為事件的relatedTarget屬性
shown.bs.modal:該事件在模態彈出窗完全顯示給用戶之后(并且等CSS動畫完成之后)觸發;如果單擊了一個元素,那么該元素將作為事件的relatedTarget事件
hide.bs.modal:在hide方法調用時(但還未關閉隱藏)立即觸發
hidden.bs.modal:該事件在模態彈出窗完全隱藏之后(并且CSS動畫漂完成之后)觸發
查看全部 -
參數設置
$(“#mymodal”).modal(“toggle”)
觸發時,反轉模態彈出窗的狀態。如果模態彈出窗是顯示的,則關閉;反之,如果模態彈出窗是關閉的,則顯示
$(“#mymodal”).modal(“show”)
觸發時,顯示模態彈出窗
$(“#mymodal”).modal(“hide”)
觸發時,關閉模態彈出窗
查看全部
舉報