-
在Bootstrap框架中,如果fieldset設置了disabled屬性,整個域都將處于被禁用狀態。
據說對于整個禁用的域中,如果legend中有輸入框的話,這個輸入框是無法被禁用的。我們一起來驗證一下:
查看全部 -
1、input-sm:讓控件比正常大小更小
2、input-lg:讓控件比正常大小更大查看全部 -
在Bootstrap框架中要實現水平表單效果,必須滿足以下兩個條件:
1、在<form>元素是使用類名“form-horizontal”。
2、配合Bootstrap框架的網格系統。(網格布局會在以后的章節中詳細講解)在<form>元素上使用類名“form-horizontal”主要有以下幾個作用:
1、設置表單控件padding和margin值。
2、改變“form-group”的表現形式,類似于網格系統的“row”。查看全部 -
? ? ?.table:基礎表格
? ? ?.table-striped:斑馬線表格
? ? ?.table-bordered:帶邊框的表格
? ? ?.table-hover:鼠標懸停高亮的表格
? ? ?.table-condensed:緊湊型表格
? ? ?.table-responsive:響應式表格
查看全部 -
1、將dt設置了一個左浮動,并且設置了一個寬度為160px
2、將dd設置一個margin-left的值為180px,達到水平的效果
3、當標題寬度超過160px時,將會顯示三個省略號查看全部 -
sadasdas
查看全部 -
.text-muted:提示,使用淺灰色(#999)
.text-primary:主要,使用藍色(#428bca)
.text-success:成功,使用淺綠色(#3c763d)
.text-info:通知信息,使用淺藍色(#31708f)
.text-warning:警告,使用黃色(#8a6d3b)
.text-danger:危險,使用褐色(#a94442)
查看全部 -
剛已經說了,Bootstrap為表格不同的樣式風格提供了不同的類名,主要包括:
?????.table:基礎表格
?????.table-striped:斑馬線表格
?????.table-bordered:帶邊框的表格
?????.table-hover:鼠標懸停高亮的表格
?????.table-condensed:緊湊型表格
?????.table-responsive:響應式表格
查看全部 -
danger
查看全部 -
在做下拉菜單的時候,記得需要先導入jquery.js和bootstrap.min.js.在head或body尾部添加下面代碼<script src="http://www.xianlaiwan.cn/static/lib/jquery/1.9.1/jquery.js"></script><script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>?
查看全部 -
這一節中的圖片設置大小,該如何操作?控制圖片容器大小。得重新復習容器大小設置這一知識,在后續的網格系統中會有講述。
查看全部 -
查看全部
-
剛已經說了,Bootstrap為表格不同的樣式風格提供了不同的類名,主要包括:
?????.table:基礎表格
?????.table-striped:斑馬線表格
?????.table-bordered:帶邊框的表格
?????.table-hover:鼠標懸停高亮的表格
?????.table-condensed:緊湊型表格
?????.table-responsive:響應式表格
查看全部 -
Bootstrap也考慮到這一點,你只需要在pre標簽上添加類名“.pre-scrollable”,就可以控制代碼塊區域最大高度為340px,一旦超出這個高度,就會在Y軸出現滾動條。
查看全部 -
用于顯示代碼的風格。在Bootstrap主要提供了三種代碼風格:
1、使用<code></code>來顯示單行內聯代碼
2、使用<pre></pre>來顯示多行塊代碼
3、使用<kbd></kbd>來顯示用戶輸入代碼查看全部
舉報