-
Bootstrap的全局樣式采用了"normalize.css"，是一個讓各個瀏覽器都標準顯示輸出的框架。查看全部
-
bootstrap.js 需要jquery支持， 這是一個Bootstrap的HTML標準模板查看全部
-
等分按鈕的效果在移動端上特別的實用查看全部
-
用btn-group代替dropdown實現導航菜單樣式的下拉菜單查看全部
-
1、使用一個名為“dropdown”的容器包裹了整個下拉菜單元素，示例中為: <div class="dropdown"></div> 2、使用了一個<button>按鈕做為父菜單，并且定義類名“dropdown-toggle”和自定義“data-toggle”屬性，且值必須和最外容器類名一致，此示例為: data-toggle="dropdown" 3、下拉菜單項使用一個ul列表，并且定義一個類名為“dropdown-menu”，此示例為: <ul class="dropdown-menu">查看全部
-
當然表單除了這幾個元素之外，還有input、select、textarea等元素，在Bootstrap框架中，通過定制了一個類名`form-control`，也就是說，如果這幾個元素使用了類名“form-control”，將會實現一些設計上的定制效果。 1、寬度變成了100% 2、設置了一個淺灰色（#ccc）的邊框 3、具有4px的圓角 4、設置陰影效果，并且元素得到焦點之時，陰影和邊框效果會有所變化 5、設置了placeholder的顏色為#999查看全部
-
嵌套列表。查看全部
-
水平表單 在Bootstrap框架中要實現水平表單效果，必須滿足以下兩個條件： 1、在<form>元素是使用類名“form-horizontal”。 2、配合Bootstrap框架的網格系統。（網格布局會在以后的章節中詳細講解） 在<form>元素上使用類名“form-horizontal”主要有以下幾個作用： 1、設置表單控件padding和margin值。 2、改變“form-group”的表現形式，類似于網格系統的“row”。查看全部
-
響應式表格查看全部
-
bootstrap.js 需要jquery支持查看全部
-
單行的，需要套嵌在class為checkbox,radio的div中查看全部
-
table-striped：僅是在tbody隔行有一個淺灰色的背景色 .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; }查看全部
-
主要源碼查看bootstrap.css文件第1402行～第1441行，由于代碼太長，此處不一一列舉。 “.table”主要有三個作用： ? 給表格設置了margin-bottom:20px以及設置單元內距 ? 在thead底部設置了一個2px的淺灰實線 ? 每個單元格頂部設置了一個1px的淺灰實線查看全部
-
? .table：基礎表格 ? .table-striped：斑馬線表格 ? .table-bordered：帶邊框的表格 ? .table-hover：鼠標懸停高亮的表格 ? .table-condensed：緊湊型表格 ? .table-responsive：響應式表格查看全部
-
如果pre是大區塊的話，高度超出了340px 需要增加pre-scrollable屬性查看全部
舉報
0/150
提交
取消