亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

表單控件(下拉選擇框select)

Bootstrap框架中的下拉選擇框使用和原始的一致，多行選擇設置multiple屬性的值為multiple

• 有時候，為了布局的需要，將復選框和單選按鈕需要水平排列。Bootstrap框架也做了這方面的考慮：
  1、如果checkbox需要水平排列，只需要在label標簽上添加類名“checkbox-inline”
  2、如果radio需要水平排列，只需要在label標簽上添加類名“radio-inline

Bootstrap提供了一個容器，并且此容器設置類名“.table-responsive”,此容器就具有響應式效果，然后將<table class="table">置于這個容器當中，這樣表格也就具有響應式效果。

何謂緊湊型表格，簡單理解，就是單元格沒內距或者內距較其他表格的內距更小。換句話說，要實現緊湊型表格只需要重置表格單元格的內距padding的值。那么在Bootstrap中，通過類名“table-condensed”重置了單元格內距值。
緊湊型表格的運用，也只是需要在<table class="table">基礎上添加類名“table-condensed”.

鼠標懸停高亮的表格使用也簡單，僅需要<table class="table">元素上添加類名“table-hover”即可.

鼠標懸浮高亮的效果主要是通過“hover”事件來實現，設置了“tr:hover”時的th、td的背景色為新顏色。

注：其實，鼠標懸浮高亮表格，可以和Bootstrap其他表格混合使用。簡單點說，只要你想讓你的表格具備懸浮高亮效果，你只要給這個表格添加“table-hover”類名就好了。

Bootstrap中帶邊框的表格使用方法和斑馬線表格的使用方法類似，只需要在基礎表格<table class="table">基礎上添加一個“.table-bordered”類名即可.

讓表格帶有背景條紋效果。在Bootstrap中實現這種表格效果并不困難，只需要在<table class="table">的基礎上增加類名“.table-striped”即可.

基礎表格
在Bootstrap中，對于基礎表格是通過類名“.table”來控制。如果在<table>元素中不添加任何類名，表格是無任何樣式效果的。想得到基礎表格，我們只需要在<table>元素上添加“.table”類名，就可以得到Bootstrap的基礎表格.

“.table”主要有三個作用：

?????給表格設置了margin-bottom:20px以及設置單元內距

?????在thead底部設置了一個2px的淺灰實線

?????每個單元格頂部設置了一個1px的淺灰實線

特別提示：除了”.active”之外，其他四個類名和”.table-hover”配合使用時，Bootstrap針對這幾種樣式也做了相應的懸浮狀態的樣式設置，所以如果需要給tr元素添加其他顏色樣式時，在”.table-hover”表格中也要做相應的調整。

注意要實現懸浮狀態，需要在<table>標簽上加入table-hover類。

表格是Bootstrap的一個基礎組件之一，Bootstrap為表格提供了1種基礎樣式和4種附加樣式以及1個支持響應式的表格。

Bootstrap為表格不同的樣式風格提供了不同的類名，主要包括：

?????.table：基礎表格

?????.table-striped：斑馬線表格

?????.table-bordered：帶邊框的表格

?????.table-hover：鼠標懸停高亮的表格

?????.table-condensed：緊湊型表格

?????.table-responsive：響應式表格

需要在pre標簽上添加類名“.pre-scrollable”，可以控制代碼塊區域最大高度為340px，一旦超出這個高度，就會在Y軸出現滾動條。

在Bootstrap主要提供了三種代碼風格：
1、使用<code></code>來顯示單行內聯代碼
2、使用<pre></pre>來顯示多行塊代碼
3、使用<kbd></kbd>來顯示用戶輸入代碼

在使用代碼時，用戶可以根據具體的需求來使用不同的類型：
1、<code>：一般是針對于單個單詞或單個句子的代碼
2、<pre>：一般是針對于多行代碼（也就是成塊的代碼）
3、<kbd>:一般是表示用戶要通過鍵盤輸入的內容

不管使用哪種代碼風格，在代碼中碰到小于號（<）要使用硬編碼“&lt;”來替代，大于號(>)使用“&gt;”來替代。

Bootstrap可以給<dl>添加類名“.dl-horizontal”給定義列表實現水平顯示效果。

只有屏幕大于768px的時候，添加類名“.dl-horizontal”才具有水平定義列表效果。其實現主要方式：

1、將dt設置了一個左浮動，并且設置了一個寬度為160px
2、將dd設置一個margin-left的值為180px，達到水平的效果
3、當標題寬度超過160px時，將會顯示三個省略號

ol有序(有數字排序)? ul無序(只有點那種)? dl(帶有標題的排序，里面有dt和dd)

Bootstrap像去點列表一樣，通過添加類名“.list-inline”來實現內聯列表，簡單點說就是把垂直列表換成水平列表，而且去掉項目符號（編號），保持水平顯示。也可以說內聯列表就是為制作水平導航而生。

通過給無序列表添加一個類名“.list-unstyled”,這樣就可以去除默認的列表樣式的風格。