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