-
為方便單獨導入特效文件，Bootstrap V3.2中提供了12種JavaScript插件，他們分別是：
? ?動畫過渡（Transitions）:對應的插件文件“transition.js”
? ?模態彈窗（Modal）:對應的插件文件“modal.js”
? ?下拉菜單（Dropdown）：對應的插件文件“dropdown.js”
? ?滾動偵測（Scrollspy）：對應的插件文件“scrollspy.js”
? ?選項卡（Tab）：對應的插件文件“tab.js”
? ?提示框（Tooltips）：對應的插件文件“tooltop.js”
? ?彈出框（Popover）：對應的插件文件“popover.js”
? ?警告框（Alert）：對應的插件文件“alert.js”
? ?按鈕（Buttons）：對應的插件文件“button.js”
? ?折疊/手風琴（Collapse）：對應的插件文件“collapse.js”
? ?圖片輪播Carousel：對應的插件文件“carousel.js”
? ?自動定位浮標Affix：對應的插件文件“affix.js
查看全部 -
“col-md-4”居左，“col-md-8”居右，如果要互換位置，需要將“col-md-4”向右移動８個列的距離，也就是8個offset ,也就是在“<div class=“col-md-4”>”添加類名“col-md-push-8”，調用其樣式。
也要將“col-md-8”向左移動４個列的距離，也就是4個offset，在“<div class=”col-md-8”>”上添加類名“col-md-pull-4”
查看全部 -
有的時候，我們不希望相鄰的兩個列緊靠在一起，但又不想使用margin或者其他的技術手段來。這個時候就可以使用列偏移（offset）功能來實現。使用列偏移也非常簡單，只需要在列元素上添加類名“col-md-offset-*”(其中星號代表要偏移的列組合數)，那么具有這個類名的列就會向右偏移。例如，你在列元素上添加“col-md-offset-4”，表示該列向右移動4個列的寬度。
要保證列與偏移列的總數不超過12
查看全部 -
Bootstrap框架的網格系統工作原理如下：
1、數據行(.row)必須包含在容器（.container）中，以便為其賦予合適的對齊方式和內距(padding)。如：
<div?class="container"> <div?class="row"></div> </div>
2、在行(.row)中可以添加列(.column)，但列數之和不能超過平分的總列數，比如12。如：
<div?class="container"> <div?class="row"> ??<div?class="col-md-4"></div> ??<div?class="col-md-8"></div>
3、具體內容應當放置在列容器（column）之內，而且只有列（column）才可以作為行容器(.row)的直接子元素
4、通過設置內距（padding）從而創建列與列之間的間距。然后通過為第一列和最后一列設置負值的外距（margin）來抵消內距(padding)的影響
查看全部 -
圖像在網頁制作中也是常要用到的元素，在Bootstrap框架中對于圖像的樣式風格提供以下幾種風格：
1、img-responsive：響應式圖片，主要針對于響應式設計
2、img-rounded：圓角圖片
3、img-circle：圓形圖片
4、img-thumbnail：縮略圖片由于樣式沒有對圖片做大小上的樣式限制，所以在實際使用的時候，需要通過其他的方式來處理圖片大小。比如說控制圖片容器大小。（注意不可以通過css樣式直接修改img圖片的大小，這樣操作就不響應了）
查看全部 -
禁用狀態與其他狀態按鈕相比，就是背景顏色的透明度做了一定的處理，opcity的值從100%調整為65%。
在Bootstrap框架中，要禁用按鈕有兩種實現方式：
方法1：在標簽中添加disabled屬性
方法2：在元素標簽中添加類名“disabled”
兩者的主要區別是：
“.disabled”樣式不會禁止按鈕的默認行為，比如說提交和重置行為等。如果想要讓這樣的禁用按鈕也能禁止按鈕的默認行為，則需要通過JavaScript這樣的語言來處理。對于<a>標簽也存在類似問題，如果通過類名“.disable”來禁用按鈕，其鏈接行為是無法禁止。而在元素標簽中添加“disabled”屬性的方法是可以禁止元素的默認行為的。
查看全部 -
Bootstrap框架中提供了一個類名“btn-block”。按鈕使用這個類名就可以讓按鈕充滿整個容器，并且這個按鈕不會有任何的padding和margin值。在實際當中，常把這種按鈕稱為塊狀按鈕。
使用方法和前面的類似，只需要在原按鈕類名上添加“.btn-block”類名
查看全部 -
在制作表單時，不免要做表單驗證。同樣也需要提供驗證狀態樣式，在Bootstrap框架中同樣提供這幾種效果。
1、.has-warning:警告狀態（黃色）
2、.has-error：錯誤狀態（紅色）
3、.has-success：成功狀態（綠色）
使用的時候只需要在form-group容器上對應添加狀態類名。很多時候，在表單驗證的時候，不同的狀態會提供不同的 icon，比如成功是一個對號（√），錯誤是一個叉號（×）等。在Bootstrap框中也提供了這樣的效果。如果你想讓表單在對應的狀態下顯示 icon 出來，只需要在對應的狀態下添加類名“has-feedback”。請注意，此類名要與“has-error”、“has-warning”和“has-success”在一起
從效果圖中可以看出，圖標都居右。在 Bootstrap 的小圖標都是使用@font-face來制作。而且必須在表單中添加了一個 span 元素：
<span?class="glyphiconglyphicon-warning-sign?form-control-feedback"></span>
查看全部 -
在Bootstrap框架中，如果fieldset設置了disabled屬性，整個域都將處于被禁用狀態，但對于整個禁用的域中，如果legend中有輸入框的話，這個輸入框是無法被禁用的。
查看全部 -
控制表單控件的高度。這兩個類名是(這兩個類適用于表單中的input，textarea和select控件)：
1、input-sm:讓控件比正常大小更小
2、input-lg:讓控件比正常大小更大查看全部 -
無序列表
<ul> ????<li>…</li> </ul>
有序列表
<ol> ????<li>…</li> </ol>
定義列表
<dl> ????<dt>…</dt> ????<dd>…</dd> </dl>
水平定義列表：
只有屏幕大于768px的時候，添加類名“.dl-horizontal”才具有水平定義列表效果。
1、將設置了一個左浮動，并且設置了一個寬度為160px
2、將dd設置一個margin-left的值為180px，達到水平的效果
3、當標題寬度超過160px時，將會顯示三個省略號去點：通過給無序列表添加一個類名“.list-unstyled”,這樣就可以去除默認的列表樣式的風格。
查看全部 -
強調：
如果想讓一個段落p突出顯示，可以通過添加類名“.lead”實現，其作用就是增大文本字號，加粗文本，而且對行高和margin也做相應的處理。
加粗：<strong><b>
斜體：<em><i>
相關的類：
.text-muted：提示，使用淺灰色（#999）
.text-primary：主要，使用藍色（#428bca）
.text-success：成功，使用淺綠色(#3c763d)
.text-info：通知信息，使用淺藍色（#31708f）
.text-warning：警告，使用黃色（#8a6d3b）
.text-danger：危險，使用褐色（#a94442）
查看全部 -
按鈕（input[type=“submit”]、input[type=“button”]、input[type=“reset”]、<button>）：
查看全部 -
1、如果checkbox需要水平排列，只需要在label標簽上添加類名“checkbox-inline”
2、如果radio需要水平排列，只需要在label標簽上添加類名“radio-inline”查看全部 -
1、不管是checkbox還是radio都使用label包起來了
2、checkbox連同label標簽放置在一個名為“.checkbox”的容器內
3、radio連同label標簽放置在一個名為“.radio”的容器內查看全部
舉報