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