Bootstrap（一）基礎小知識

1、bootstrap引用時，有兩種：一種是開發版（就是沒有壓縮 方便看源碼和修改）；另一種是壓縮版（壓縮文件更小 便於項目發佈）。
2、bootstrap在使用時調整元素的排列方式 可以外面加div 然後加入像form-inline、input-group；control-label 可以使標籤採用父級元素css樣式。css樣式 .classA .classB{….}表示對佈局類classA下的classB採取修改；而.classA ，.classB{….}表示兩個類做同樣的css樣式。
3、bootstrap 柵格佈局：主要是使用了媒體查詢來適應不同的四種區間範圍大小的顯示屏，以此來調整佈局顯示。其一行最多排列12列（默認按此劃分），col-xs- .col-sm- .col-md- .col-lg-分別對應四種情況的佈局，其中後面接數字比如div class中爲.col-md-6表示當1200px>寬度≥992px時 一個元素佔六列，如果原來一行12列元素那麼這時就會是一行只有兩列元素。爲了適應多種寬度可以class中 多加幾個屬性 比如再加.col-sm-12表示 寬度在縮小至750至992px之間時 一個元素就會佔據一行的十二個列 所以這時只有一行只有一列元素當然還有列偏移col-md-offset-2表示下一個元素右偏移兩個列 但左邊元素、中間偏移列、右邊元素列總和要等於12 否則大於12就會在下一行排列。
4、min-width：對於網頁佈局，需要考慮頁面被縮放時頁面會變化，這個時候一個簡單的方法就是對某些div設置最小寬度比如min-width：1000px;當瀏覽器窗口被縮小後，div寬度不會小於1000px這個時候縮小頁面會蓋住內容而不是改變佈局。採用float佈局的時候，其元素會脫離文檔流，即其內容會溢出父div塊外，如果想讓其在父塊級範圍內，可以在父塊級內填充元素後面加一個div並使用clear：both；來使元素在父塊級內。
5、在頁面佈局使左邊的菜單欄經常與右邊的內容欄高度不一樣，這個時候可以把左邊背景色與body背景色一直，或者採用js代碼設置：jQuery(document).ready(function(){
var w_h=(window).height();varrh= (‘.right-content’).height();
var l_h=(‘.leftsidebarbox′).height();lh=wh>rh?wh:rh; (‘.leftsidebar_box’).height(l_h);
});