這個標題取的有點奇怪，怪我翻譯的有問題吧。英文學平有限，有道詞典和google翻譯齊上陣是必須的。還好翻譯的不是小說，對於技術文章，還是能勉強翻過來的。 本文主要講解了Bootstrap3.0的柵格布局系統實現原理，以及使用過程中應該注意的問題。 開始...翻譯.. 像CSS柵格系統原理這類 ...

詳情請查看 http://aehyok.com/Blog/Detail/8.html 個人網站地址：aehyok.com QQ 技術群號：206058845，驗證碼為：aehyok ...

詳情請查看http://aehyok.com/Blog/Detail/9.html 個人網站地址：aehyok.com QQ 技術群號：206058845，驗證碼為：aehyok ...

1、柵格系統（布局）Bootstrap內置了一套響應式、移動設備優先的流式柵格系統，隨着屏幕設備或視口（viewport）尺寸的增加，系統會自動分為最多12列。 我在這里是把Bootstrap中的柵格系統叫做布局。它就是通過一系列的行（row）與列（column）的組合 ...

基本用法 　網格系統用來布局，其實就是列的組合。Bootstrap框架的網格系統中有四種基本的用法。由於Bootstrap框架在不同屏幕尺寸使用了不同的網格樣式，在這一節中所涉及到的示例，我們都以中屏（970px）為例進行介紹，其他屏幕的使用也類似這一種。 1、列組合 列組合簡單理解就是更改 ...

如果你是初次接觸Bootstrap，你一定會為它的柵格布局感到敬佩。事實上，這個布局系統提供了一套響應式的布局解決方案。 既然這么好用，那他是如何用CSS來實現的呢？ 我特意去Bootstrap官方下載了源代碼進行分析了一番，看完之后果然有了收獲，不過我只看了柵格布局的那塊代碼，其實也很簡單 ...

如果你是初次接觸Bootstrap，你一定會為它的柵格布局感到敬佩。事實上，這個布局系統提供了一套響應式的布局解決方案。 既然這么好用，那他是如何用CSS來實現的呢？ 我特意去Bootstrap官方下載了源代碼進行分析了一番，看完之后果然有了收獲，不過我只看了柵格布局的那塊代碼，其實也很簡單 ...

前提條件（Bootstrap 自帶） 首先使用這個布局之前要定義一下代碼： 這行代碼如果不懂，可以搜索一下，總之大致意思就是，被定義的元素的內邊距和邊框不再會增加它的寬度，不加入的話排版會有問題。 不過，Bootstrap自己當然已經加入了，如果你是使用整個Bootstrap框架 ...