Bootstrap是Twitter公司開源的一套用於開發響應式網站的css框架，快速開發逼格高的網站，特別容易上手，國內很多公司都有用，比如新聞類的虎嗅網，招聘類的獵聘網等等，和它對應的前端框架是雅虎公司推出來的YUI，yui的特點是功能強大，但是上手慢點，不易學。國內的話我知道美團就用的是這套框架。孰優孰劣，看個人喜好以及項目情況。
Bootstrap 柵格系統的精妙之處
http://www.cnblogs.com/niouxiaopei/articles/4151449.html
（這是我看到講Container ，row ，column，nesting最好的文章。）
Bootstrap的柵格系統
http://www.cnblogs.com/slark/p/mvc5-ef6-bs3-get-started-grid.html
（這篇博文講的比較基礎和全面）
下面再講講概念：
柵格系統用於通過一系列的行（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。 - The negative margin is why the examples below are outdented. It’s so
that content within grid columns is lined up with non-grid content. - Grid columns are created by specifying the number of twelve available
columns you wish to span. For example, three equal columns would use
three .col-xs-4. - 如果一“行（row）”中包含了的“列（column）”大於 12，多餘的“列（column）”所在的元素將被作爲一個整體另起一行排列。
柵格參數
當然想要更加了解還要看文檔，多練習。
努力吧，少年。（給我自己說的）
---------------