【前端筆記】☞ Bootstrap

Bootstrap框架：

　　裏面封裝了不少組件、字體圖標、和標籤經常使用的一些樣式。咱們直接使用便可。

• 下載地址: http://www.bootcss.com/
• 包下載地址（用於生產環境的 Bootstrap）：https://github.com/twbs/bootstrap/releases/download/v3.3.7/bootstrap-3.3.7-dist.zip

　　框架目錄:　　

　　bootstrap.css  開發階段用這個。

　　bootstrap.min.css 上線用這個。（內存小一點）

　　bootstrap.min.css 和  bootstrap.css 的功能是同樣的，bootstrap.min.css主要是有兩個做用：

　　　　（1）減少空間大小；

　　　　（2）代碼混淆（目的是不讓別人竊取你的代碼。即便反編譯了也看不懂。如：把變量名用a、b、c來表示…，減少可讀性）。

 　　

　　組件的使用學習參考：http://v3.bootcss.com/components/

　　　　<!--使用 btn btn-success 樣式-->

　　　　<button class="btn btn-success">百度一下</button>

　　　　<!--在 btn btn-success 樣式的基礎上進行二次開發-->

　　　　<button class="btn btn-success" style="width: 100px">百度一下</button>

　　　　

　　字體圖標：

　　　　<!--字體圖標樣式：glyphicon glyphicon-heart-->

　　　　<div class="glyphicon glyphicon-heart" style="font-size: 100px; color: #2aabd2"></div>

　　　　

　　擴展：

　　/*字體抗鋸齒屬性：抗鋸齒很好（對字體進行抗鋸齒渲染能夠使字體看起來會更清晰舒服）*/

　　-webkit-font-smoothing: antialiased;