首先，總歸要先知道BootStrap到底是個啥，學前端的都知道，當學完h5，css3，以及js（這里js不說精通，入門中等級別就好，除非你要看源碼）以后，BootStrap是個必學框架，也可能是小白們的的入門框架。
因為我們都知道一般普通的靜態(tài)基本已經(jīng)被淘汰，我們更多的需要去自適應pc，手機，平板，反正官方的廣告詞是：Bootstrap 讓前端開發(fā)更快速、簡單。所有開發(fā)者都能快速上手、所有設備都可以適配、所有項目都適用，不過確實蠻方便的，但是用它以后，首先你要先了解到他自帶一些基本的css樣式、Css組件、Javascript插件。例如：按鈕、表單和文字、輪播等等。所以有的時候根本不需要你自己去新建類新建id去寫樣式事件，一定要先熟悉他的基本才可以下手，因為好多童鞋，特別是會寫網(wǎng)頁的童鞋，我們說你給我用BootStrap來寫個網(wǎng)頁，結(jié)果傻乎乎的什么都還沒了解明白就按靜態(tài)的來寫，自己寫樣式取類名，放事件，到頭來自適應自適應沒弄好，樣式樣式上也錯的一塌糊涂。
所以啊，不管你是學過點基礎還是純小白，知道點準是好的，小白最好了，知道點還能出去吹吹牛皮，裝裝逼，哈哈哈
那首先，我們先要去官網(wǎng)下載BootStrap的包http://getbootstrap.com/，壓縮版還是源碼版自選
說好聽點就是配置環(huán)境了啦，把他的css，js，jquery文件拖到你的網(wǎng)頁頭部引用，
然后你就可以開始寫你的內(nèi)部結(jié)構(gòu)了，那結(jié)構(gòu)的話呢說一下，這也是bootstrap牛的地方，他內(nèi)置了一套響應式、移動設備優(yōu)先的流式柵格系統(tǒng)，隨著屏幕設備或視口（viewport）尺寸的增加，不管在哪種屏幕上，柵格系統(tǒng)都會自動的每行row分12列
col-xs-*超小屏幕 手機 (<768px),
.col-sm-*小屏幕 平板 (≥768px),
.col-md-*中等屏幕 桌面顯示器 (≥992px)
詳情請看http://www.toutiao.com/i6391664349504602625/（how to use the bootstrap的柵欄布局）
其實不難，他的結(jié)構(gòu)有點類似表格，只是定死了最多12個單元格而已，相當于他把頁面變成了一個一個的單元格，然后在對應的格子里寫內(nèi)容
然后就是這些布局要寫在.行（row）內(nèi)，而row必須包含在.container（居中效果）中，以便為其賦予合適的排列（aligment）和內(nèi)補（padding）。
使用行（row）在水平方向創(chuàng)建一組列（column）。
你的內(nèi)容應當放置于列（column）內(nèi)，而且，只有列（column）可以作為行（row）的直接子元素。
其實還是table，tr，td的結(jié)構(gòu)類似
但是呢，結(jié)構(gòu)雖然類似，效果確實大大的不同，比如某一格我不要規(guī)規(guī)矩矩待在這塊地方，這時候就要用到偏移，使用 .col-md-offset-* 類可以將列向右側(cè)偏移。這些類實際是通過使用 * 選擇器為當前元素增加了左側(cè)的邊距（margin）。例如，.col-md-offset-4 類將 .col-md-4 元素向右側(cè)偏移了4個列（column）的寬度。
其實入門還是很簡單的，先要知道她的柵格布局結(jié)構(gòu)，然后再去研究他的自帶css js各種組件，我們下次再講。留點懸念，當然歡迎加群142991222 小白開始，我們走向巔峰
