-
文本域和原始使用方法一樣,設置rows可定義其高度,設置cols可以設置其寬度。但如果textarea元素中添加了類名“form-control”類名,則無需設置cols屬性。因為Bootstrap框架中的“form-control”樣式的表單控件寬度為100%或auto。
查看全部 -
多行選擇設置multiple屬性的值為multiple
查看全部 -
在Bootstrap中使用input時也必須添加type類型,如果沒有指定type類型,將無法得到正確的樣式
為了讓控件在各種表單風格中樣式不出錯,需要添加類名“form-control”
查看全部 -
如果你要在input前面添加一個label標簽時,會導致input換行顯示。如果你必須添加這樣的一個label標簽,并且不想讓input換行,你需要將label標簽也放在容器“form-group”中
查看全部 -
在Bootstrap框架中要實現水平表單效果,必須滿足以下兩個條件:
1、在<form>元素是使用類名“form-horizontal”。
2、配合Bootstrap框架的網格系統。查看全部 -
在Bootstrap框架中,通過定制了一個類名`form-control`,也就是說,如果這幾個元素使用了類名“form-control”,將會實現一些設計上的定制效果。
1、寬度變成了100%
2、設置了一個淺灰色(#ccc)的邊框
3、具有4px的圓角
4、設置陰影效果,并且元素得到焦點之時,陰影和邊框效果會有所變化
5、設置了placeholder的顏色為#999
查看全部 -
行元素<tr>:
*除了”.active”之外,其他四個類名和”.table-hover”配合使用時,Bootstrap針對這幾種樣式也做了相應的懸浮狀態的樣式設置,所以如果需要給tr元素添加其他顏色樣式時,在”.table-hover”表格中也要做相應的調整。
查看全部 -
?.table:基礎表格
?.table-striped:斑馬線表格
?.table-bordered:帶邊框的表格
?.table-hover:鼠標懸停高亮的表格
?.table-condensed:緊湊型表格
?.table-responsive:響應式表格
查看全部 -
在Bootstrap主要提供了三種代碼風格:
1、使用<code></code>來顯示單行內聯代碼?單個單詞或單個句子2、使用<pre></pre>來顯示多行塊代碼?多行代碼(也就是成塊的代碼)
3、使用<kbd></kbd>來顯示用戶輸入代碼
不管使用哪種代碼風格,在代碼中碰到小于號(<)要使用硬編碼“<”來替代,大于號(>)使用“>”來替代。而且對于<pre>代碼塊風格,標簽前面留多少個空格,在顯示效果中就會留多少個空格。
*只需要在pre標簽上添加類名“.pre-scrollable”,就可以控制代碼塊區域最大高度為340px,一旦超出這個高度,就會在Y軸出現滾動條。
查看全部 -
nth-child(n) 選擇屬于父元素第n個子元素
odd 奇數
even 偶數
查看全部 -
需要用硬編碼來編碼<>
查看全部 -
全局文本字號14px 行高200px 顏色為#333(深灰色)
p標簽所在段落有下邊距10px
查看全部 -
初始化移動瀏覽顯示
查看全部 -
.table-bordered?>?thead?>?tr?>?th
那是用less寫的CSS,意思。class的值等于.table-bordered下面的thead下面的tr下面的th相當于
.table-bordered thead tr th{
/*CSS樣式代碼*/
}查看全部 -
css選擇器:
[class*= col-]? 代表包含? col-? 的類名 ,比如說 col-md-4 ,demo-col-2(這個是虛構的)等都可以匹配到。
[class^=col-]? 代表 以 col- 開頭的類名,比如說 col-md-4
[class$=col-] 代表以 col- 結尾的類名
查看全部
舉報