作為一個初學者，學習bootstrap的目標是通過學習，最終能夠做一個大眾點評的網頁。下面這個是我做完之後的效果圖。

一、模板引入官方給了一個bootstrap的模板，我們需要在自己的html檔案中引入它們。

其中下面的這兩行引入JavaScript外掛的程式碼，我感覺會影響到自己，就把它們剪下到了上面的head標籤裡面。

二 、佈局

做這個網頁，首先要進行整體的佈局，需要建立一個佈局容器.container，然後在容器裡面裝入柵格系統。以下是我的整體佈局。

每一個row都是一行，裡面可以再用柵格分成最多12列，形成一個整體的網格式佈局。

柵格系統的class=“col-md-1”語句中的數字必須是整數，所以如果需要更小的柵格，就需要將一個格設定為一個新的row，然後從其中再次細分。

三、關於style標籤的幾點經驗。對於<style></style>這一對標籤，一般使用的並不是很多，大多數時間都是直接在別的標籤裡面用style=“”來修改標籤的style屬性。但是，作為網頁中使用頻率最高的標籤來說，在設計其中的字型樣式的時候，如果每一個標籤裡面都用style=“”這樣來寫，無疑會浪費很多時間，所以我當時產生了一個問題，怎麼才能讓整個網頁的a標籤裡面的字型樣式都改變。經過查閱，我發現了可以在head裡面定義一個<style></style>，用來改變整體的樣式佈局。

如圖所示，我在style標籤中直接定義了a的屬性，取消了a標籤自帶的下劃線並將其顏色變為黑色。但是這一項的改變同時生成了另一個問題，style裡面改變了所有的a標籤字型為黑色，當我在黑色背景裡面使用a標籤的時候，字型就會由於跟背景顏色重合，無法顯示。依然需要我們在黑色背景的每個a標籤裡面用style=“”改變其顏色，這又是一個新的問題。這時候，我試圖從當前row裡面定義一個style標籤，然後改變字型顏色，結果發現整個網頁的字全都變成了白色，這說明style標籤定義的是全域性的樣式，哪怕放在了row裡面也是會改變整個網頁的樣式。我查詢無果之後，在晚上的討論問題期間提出了這個問題，然後張喜碩同學幫助了我，他告訴我可以在style裡面用#來定義一個句式，然後在需要的時候用id=“”來呼叫它。

這樣一來，在這個row中的a標籤的字型就變成了白色，而且不會影響到別的地方的a標籤字型樣式。

四、總結這次對於bootstrap的學習，我發現了自己的幾個缺點。首先是對於文件的描述看得不夠清楚，官方的文件寫的很詳細，row要在.container下面，而且col-md劃分的是列，列需要建立在行內，內容要放置在列內。我沒有認真讀相關的描述，犯了列套列的錯誤。其次是關於格式不規範的問題，我在寫程式碼的時候沒有注意格式，程式碼都擠在一團，這不但給幫助我的人帶來了麻煩，還給找錯誤的自己也帶來了困擾，雖然使用了外掛以後可以自動檢查修正相關格式，但是這個問題我還是需要注意。最後，我通過這幾天的學習，最大的收穫是學到了柵格系統的使用方法，以及用#和id=“”改變區域性樣式。