bootstrap經常使用功能快速入門以及常見問題解決方案

一、圖片輪播：

官網上的代碼已經給的很清楚了，可是常常會出現問題。要作的很簡單，首先引入jquery和bootstrap文件，再將官網上的html代碼加上，最後加上一行js代碼$('.carousel').carsousel();用於啓動圖片輪播，就能夠了。

要注意的問題：

（1）js文件引入順序：必定要先引入jquery.js文件再引入bootstrap.js文件，由於後者依賴前者，引用反了會出錯。相似的狀況很常見，好比ext.js的一些版本引入js的順序會影響代碼的執行，要注意js代碼的依賴關係。

（2）注意alt的對應關係：圖片的alt屬性是和data-slide-to屬性相對應的（就是輪播下面的小選項按鈕）。

（3）bootstrap的輪播兩側的按鈕默認有背景顏色且是一個有長有高的div，要修改它的高度就去修改class爲carousel-control的a標籤的height便可。

二、表格table

<table class="table"></table>就能夠設置表格爲bootstrap的樣式了。而且boorstrap爲table、tr、td設置了默認的特殊樣式，用class調用便可。

三、表單form

在<form></form>內添加，每個輸入框都放入一個<div class="form-group"><?div>內，這裏面的input標籤要添加class爲form-control才能引入boorstrap的樣式。默認狀況下input的寬度是相對於父元素100%的，要想設置其寬度經過form-control設置。

四、柵格系統

柵格系統是bootstrap裏面最強大的功能，在<div class="row"></div>內能夠設定不一樣寬度的div，只要添加屬性class="col-md-*"便可設定寬度，一共分紅12份，後面的數字是幾就表明寬度佔幾份。