柵格系統用于通過一系列的行（row）與列（column）的組合來創建頁面布局，你的內容就可以放入這些創建好的布局中。下面就介紹一下 Bootstrap 柵格系統的工作原理：
“行（row）”必須包含在.container（固定寬度）或.container-fluid（100% 寬度）中，以便為其賦予合適的排列（aligment）和內補（padding）。
通過“行（row）”在水平方向創建一組“列（column）”。
你的內容應當放置于“列（column）”內，并且，只有“列（column）”可以作為行（row）”的直接子元素。
類似.row和.col-xs-4這種預定義的類，可以用來快速創建柵格布局。Bootstrap 源碼中定義的 mixin 也可以用來創建語義化的布局。
通過為“列（column）”設置padding屬性，從而創建列與列之間的間隔（gutter）。通過為.row元素設置負值margin從而抵消掉為.container元素設置的padding，也就間接為“行（row）”所包含的“列（column）”抵消掉了padding。
負值的 margin就是下面的示例為什么是向外突出的原因。在柵格列中的內容排成一行。
柵格系統中的列是通過指定1到12的值來表示其跨越的范圍。例如，三個等寬的列可以使用三個.col-xs-4來創建。
如果一“行（row）”中包含了的“列（column）”大于 12，多余的“列（column）”所在的元素將被作為一個整體另起一行排列。
柵格類適用于與屏幕寬度大于或等于分界點大小的設備 ， 并且針對小屏幕設備覆蓋柵格類。 因此，在元素上應用任何.col-md-*柵格類適用于與屏幕寬度大于或等于分界點大小的設備 ， 并且針對小屏幕設備覆蓋柵格類。 因此，在元素上應用任何.col-lg-*不存在， 也影響大屏幕設備。
問題一：bootstrap的模態框modal會出現彈出模態框的時候遮罩把模態框遮住的情況嗎？
答：出現這個問題的原因，多半是模態框的html代碼放置位置不對，務必將模態框的 HTML 代碼放在文檔的最高層級內（也就是說，盡量作為 body 標簽的直接子元素），以避免其他組件影響模態框的展現和/或功能，如果因為某種原因我們沒辦法把模態框的HTML代碼放到最高層級內，那么我們可以把它移動過去。
問題二：
答：bootstrap的布局框架是什么？
960柵格式布局，其布局格式如下：
1.?12列劃分
????????1.?每個柵格欄左右間隙10px；
????????2.?每個柵格60px；
????????3.?列與列之間間隔20px；
????????4.?可用部分940px；
2.?16列劃分
????????1.?每個柵格間隙10；
????????2.?每個柵格40px；
3.?24列劃分
????????1.?左右各占5px；
????????2.?每個柵格30px；
????????3.?可用部分950px；
????????4.?我們應用的響應式布局用的是xs
問題三：怎樣依據CSS 4種權重值來判斷優先級？
答：1.?名稱選擇器???a??b??c??d
2.?內嵌???1??0??0??0
3.?id選擇器??0??1??0??0
4.?類選擇器??0??0??1??0
5.?屬性、偽類???0??0??1??0
6.?偽元素 、元素 0??0??0??1
7.?沒有提到的所有值全部為0
8.?注意：讓所有權重值失效的命令：！important
