-
<ol> <li>項目列表一</li> <li>項目列表二</li> <li>項目列表三</li> </ol>查看全部
-
在Bootstrap框架中對于圖像的樣式風格提供以下幾種風格： 1、img-responsive：響應(yīng)式圖片，主要針對于響應(yīng)式設(shè)計 2、img-rounded：圓角圖片 3、img-circle：圓形圖片 4、img-thumbnail：縮略圖片查看全部
-
btn-lg,btn-sm,btn-xs查看全部
-
提示信息：help-block; 同一行顯示用柵格系統(tǒng)。查看全部
-
Bootstrap框架還提供了兩個不同的類名，用來控制表單控件的高度。這兩個類名是： 1、input-sm:讓控件比正常大小更小 2、input-lg:讓控件比正常大小更大查看全部
-
在Bootstrap中使用input時也必須添加type類型，如果沒有指定type類型，將無法得到正確的樣式，因為Bootstrap框架都是通過input[type=“?”](其中?號代表type類型，比如說text類型，對應(yīng)的是input[type=“text”])的形式來定義樣式的。查看全部
-
在label標簽運用了一個類名“sr-only”，標簽沒顯示就是這個樣式將標簽隱藏了 那么Bootstrap為什么要這么做呢？這樣不是多此一舉嗎？其實不是的，如果沒有為輸入控件設(shè)置label標簽，屏幕閱讀器將無法正確識別。這也是Bootstrap框架另一個優(yōu)點之處，為殘障人員進行了一定的考慮。查看全部
-
Bootstrap提供了一個容器，并且此容器設(shè)置類名“.table-responsive”,此容器就具有響應(yīng)式效果，然后將<table class="table">置于這個容器當中，這樣表格也就具有響應(yīng)式效果。 例如： <div class="table-responsive"> <table class="table table-bordered"> … </table> </div>查看全部
-
在Bootstrap中，通過類名“table-condensed”重置了單元格內(nèi)距值,實現(xiàn)緊湊表格類型查看全部
-
斑馬線表格：在<table class="table">的基礎(chǔ)上增加類名“.table-striped”即可： <table class="table table-striped"> … </table> 對于IE8以及其以下瀏覽器，沒有背景條紋效果。查看全部
-
Bootstrap?中： ? .table：基礎(chǔ)表格 ? .table-striped：斑馬線表格 ? .table-bordered：帶邊框的表格 ? .table-hover：鼠標懸停高亮的表格 ? .table-condensed：緊湊型表格 ? .table-responsive：響應(yīng)式表格查看全部
-
<pre>元素一般用于顯示大塊的代碼，并保證原有格式不變。但有時候代碼太多，而且不想讓其占有太大的頁面篇幅，就想控制代碼塊的大小。Bootstrap也考慮到這一點，你只需要在pre標簽上添加類名“.pre-scrollable”，就可以控制代碼塊區(qū)域最大高度為340px，一旦超出這個高度，就會在Y軸出現(xiàn)滾動條。查看全部
-
在Bootstrap主要提供了三種代碼風格： 1、使用<code></code>來顯示單行內(nèi)聯(lián)代碼 2、使用<pre></pre>來顯示多行塊代碼 3、使用<kbd></kbd>來顯示用戶輸入代碼 不管使用哪種代碼風格，在代碼中碰到小于號（<）要使用硬編碼“&lt;”來替代，大于號(>)使用“&gt;”來替代查看全部
-
水平定義列表就像內(nèi)聯(lián)列表一樣，Bootstrap可以給<dl>添加類名“.dl-horizontal”給定義列表實現(xiàn)水平顯示效果。查看全部
-
Bootstrap通過添加類名“.list-inline”來實現(xiàn)內(nèi)聯(lián)列表，簡單點說就是把垂直列表換成水平列表，而且去掉項目符號（編號），保持水平顯示。也可以說內(nèi)聯(lián)列表就是為制作水平導(dǎo)航而生。查看全部
舉報
0/150
提交
取消