bootstrap 提供了一套響應式、移動裝置優先的流式柵格系統，隨著螢幕或視口（viewport）尺寸的增加，系統會自動分為最多12列。
在 html5 的專案中，我們做了移動端的專案。它有乙份非常重要的 meta，用於設定螢幕和裝置等寬以及是否執行使用者縮放，及縮放比例的問題。
bootstrap 需要為頁面內容和柵格系統包裹乙個.container 容器。由於 padding 等屬性的原因，這兩種容器類不能相互巢狀。
固定寬度
...
...
「行（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。
柵格系統中的列是通過指定 1 到 12 的值來表示其跨越的範圍。例如，三個等寬的列可以使用三個 .col-xs-4來建立。
如果一「行（row）」中包含了的「列（column）」大於 12，多餘的「列（column）」所在的元素將被作為乙個整體另起一行排列。
柵格類適用於與螢幕寬度大於或等於分界點大小的裝置 ， 並且針對小螢幕裝置覆蓋柵格類。 因此，在元素上應用任何.col-md-*柵格類適用於與螢幕寬度大於或等於分界點大小的裝置 ，並且針對小螢幕裝置覆蓋柵格類。因此，在元素上應用任何.col-lg-*不存在， 也影響大螢幕裝置。
bootstrap 提供了一些豐富的**樣式供開發者使用。
轉化成普通按鈕
button
link
使用下面列出的類可以快速建立乙個帶有預定義樣式的按鈕。
類名解釋
btn-default
預設樣式
btn-success
成功樣式
btn-info
一般資訊樣式
btn-warning
警告樣式
btn-danger
危險樣式
btn-primary
首選項樣式
btn-link
鏈結樣式
button
button
button
button
button
button
button
（大按鈕）large button
（大按鈕）large button
（預設尺寸）default button
（預設尺寸）default button
（小按鈕）small button
（小按鈕）small button
（超小尺寸）extra small button
（超小尺寸）extra small button
buttonbuttonbutton8月4日總結
從今天早上開始做數獨的題，一直做到下午五點，剛開始看到這個題的時候感覺沒有地方下手，一點頭緒也沒有，因為每行每列每個宮格都不可以有重複的陣列，而且必須有1 9這九個數，剛開始一看題就感覺這個題的要求太多了。數獨問題 題目大意 9 9的方格使得每行中每列和每個標記的3x3子方格中不能有重複的數字並且有...
4月8日，日記
今天4月8日，又是乙個週末。天氣不錯，氣溫比較高，最高溫度有27 週末待在家裡，早上睡個懶覺，上上網，聽聽 也是一件很愜意的事情。最近上班在忙著寫乙個壽險業務系統的概括的手冊。今年剛上班的時候就開始寫了，拖拖拉拉到現在還沒有寫好。這個文件，也算是自己在壽險行業工作這麼多年，對壽險業務系統認識的乙個總...
Qtum量子鏈週報（4月8日 4月14日）
qtum 量子鏈4月8日 4月14日 新聞動態回顧 qtum量子鏈受邀出席日本teamz區塊鏈峰會 4月6 7日 日本時間 第五屆全球區塊鏈峰會teamz blockchain summit在日本東京盛大召開。qtum量子鏈創始人帥初受邀出席，以區塊鏈技術先驅和行業開拓者的角度 了區塊鏈行業當下急需...