-
LESS(或Sass)是css預(yù)處理語言 可以看作編譯的中間語言
查看全部 -
如果想讓一個段落p突出顯示,可以通過添加類名“.lead”實現(xiàn),其作用就是增大文本字號,加粗文本,而且對行高和margin也做相應(yīng)的處理。
查看全部 -
?如果要使用Bootstrap的js插件,必須先調(diào)入jQuery
查看全部 -
.text-muted:提示,使用淺灰色(#999)
.text-primary:主要,使用藍(lán)色(#428bca)
.text-success:成功,使用淺綠色(#3c763d)
.text-info:通知信息,使用淺藍(lán)色(#31708f)
.text-warning:警告,使用黃色(#8a6d3b)
.text-danger:危險,使用褐色(#a94442)
查看全部 -
自適應(yīng)導(dǎo)航指的是導(dǎo)航占據(jù)容器全部寬度,而且菜單項可以像表格的單元格一樣自適應(yīng)寬度。自適應(yīng)導(dǎo)航和前面使用“btn-group-justified”制作的自適應(yīng)按鈕組是一樣的。只不過在制作自適應(yīng)導(dǎo)航時更換了另一個類名“nav-justified”。當(dāng)然他需要和“nav-tabs”或者“nav-pills”配合在一起使用
查看全部 -
在實際運用當(dāng)中,除了水平導(dǎo)航之外,還有垂直導(dǎo)航,就類似前面介紹的垂直排列按鈕一樣。制作垂直堆疊導(dǎo)航只需要在“nav-pills”的基礎(chǔ)上添加一個“nav-stacked
查看全部 -
前面看到的示例,按鈕組都是水平顯示的。但在實際運用當(dāng)中,總會碰到垂直顯示的效果。在Bootstrap框架中也提供了這樣的風(fēng)格。我們只需要把水平分組的“btn-group”類名換成“btn-group-vertical”即可
查看全部 -
在使用Bootstrap框架的下拉菜單時,必須調(diào)用Bootstrap框架提供的bootstrap.js文件。當(dāng)然,如果你使用的是未編譯版本,在js文件夾下你能找到一個名為“dropdown.js”的文件。你也可以調(diào)用這個js文件。不過在我們的教程中,我們統(tǒng)一調(diào)用壓縮好的“bootstrap.min.js”
特別聲明:因為Bootstrap的組件交互效果都是依賴于jQuery庫寫的插件,所以在使用bootstrap.min.js之前一定要先加載jquery.min.js才會生效果。
查看全部 -
Bootstrap框架的網(wǎng)格系統(tǒng)還支持列的嵌套。你可以在一個列中添加一個或者多個行(row)容器,然后在這個行容器中插入列(像前面介紹的一樣使用列)。但在列容器中的行容器(row),寬度為100%時,就是當(dāng)前外部列的寬度。
查看全部 -
有的時候,我們不希望相鄰的兩個列緊靠在一起,但又不想使用margin或者其他的技術(shù)手段來。這個時候就可以使用列偏移(offset)功能來實現(xiàn)。使用列偏移也非常簡單,只需要在列元素上添加類名“col-md-offset-*”(其中星號代表要偏移的列組合數(shù)),那么具有這個類名的列就會向右偏移。例如,你在列元素上添加“col-md-offset-4”,表示該列向右移動4個列的寬度。
查看全部 -
1、數(shù)據(jù)行(.row)必須包含在容器(.container)中,以便為其賦予合適的對齊方式和內(nèi)距(padding)。如:
2、在行(.row)中可以添加列(.column),但列數(shù)之和不能超過平分的總列數(shù),比如12。如:
3、具體內(nèi)容應(yīng)當(dāng)放置在列容器(column)之內(nèi),而且只有列(column)才可以作為行容器(.row)的直接子元素
4、通過設(shè)置內(nèi)距(padding)從而創(chuàng)建列與列之間的間距。然后通過為第一列和最后一列設(shè)置負(fù)值的外距(margin)來抵消內(nèi)距(padding)的影響
查看全部 -
在Bootstrap框架中,要禁用按鈕有兩種實現(xiàn)方式:
方法1:在標(biāo)簽中添加disabled屬性
方法2:在元素標(biāo)簽中添加類名“disabled”
查看全部 -
<button?class="btn"?type="button">基礎(chǔ)按鈕.btn</button> <button?class="btn?btn-default"?type="button">默認(rèn)按鈕.btn-default</button> <button?class="btn?btn-primary"?type="button">主要按鈕.btn-primary</button> <button?class="btn?btn-success"?type="button">成功按鈕.btn-success</button> <button?class="btn?btn-info"?type="button">信息按鈕.btn-info</button> <button?class="btn?btn-warning"?type="button">警告按鈕.btn-warning</button> <button?class="btn?btn-danger"?type="button">危險按鈕.btn-danger</button> <button?class="btn?btn-link"?type="button">鏈接按鈕.btn-link</button>
查看全部 -
要在制作按鈕的標(biāo)簽元素上添加類名“btn”。如果不添加是不會有任何按鈕效果。
查看全部 -
在制作表單時,不免要做表單驗證。同樣也需要提供驗證狀態(tài)樣式,在Bootstrap框架中同樣提供這幾種效果。
1、.has-warning:警告狀態(tài)(黃色)
2、.has-error:錯誤狀態(tài)(紅色)
3、.has-success:成功狀態(tài)(綠色)查看全部
舉報