Bootstrap筆記
前言：bootstrap的核心：

1.媒體，即需要對雖然柵格系統是響應的，但是有些文字之類的不是響應的，所以需要進行單獨適配
@media screen and (max-width: 785px) {
body {
background-color:lightblue;
}
}對小螢幕進行一些字型或圖示、導航欄的大小修改
2.對一些標籤對不同的螢幕大小進行隱藏一些不必要的內容

1.字型圖示大小通過fontsize修改，而不是width
2.當一個控制元件設定好了，想要讓它在現有樣式下，變寬，可以通過padding來調節
3. 當需要下面這種樣式時可以用無序列表dl來寫

4.padding和margin的區別
5.Img居中，得加center-block，要不然改不了，因為有img-responsive所以不能居中
6.要學會查bootstrap元件
7.圖片居中center-block
8.當需要從資料庫中引入圖片時，不能直接給圖片加屬性，需要通過JQuery程式碼修改，如

9.對文字居中可以在div中使用累text-center
10.做網頁的時候注意不要用單色
11.當把導航欄固定了，需要更改body，即如果你對導航欄的pading進行修改，那就需要修改body的padding-top為導航條padding加導航條寬度

12.還有就是字型圖片，兩種：A.是bootstrap自帶的字型圖示（去Bootstrap網站上找就行）B.是阿里圖示庫，將需要的圖示加入購物車，然後加入專案中，先複製專案的Css連結，在文件中link它，然後再複製需要的圖示程式碼（這些都是類）,通過在i或p中新增該類就行
13.可以通過加pull-right或pull-left使元件向左或者向右對齊
14.柵格系統：可以通過hidden-lg之類的設計相應的元件在相應的螢幕隱藏（當需要一些單獨的div，可以不加每個div加柵格系統，但是這個div需要在柵格系統中）

總結：bootstrap不是特別難的框架，但是有幾點需要掌握：首先需要會找元件，其次需要會對找到的元件進行樣式修改（我們用框架是需要框架適應我們的專案，不是專案適應框架！）