bootstrap的介紹 和使用

開發中文網： v3.bootcss.com

 

前端？框架？

用戶 --》  前端應用程序 ---》後端應用程序 ---》後端服務器。

框架：Library 或者lib，都指得是框架。第三方提供的，一些接口或者功能。

 

一.Bootstrap框架是什麼？？

   BootStrap,最先的時候是兩個單詞的合成。如今成爲專有名詞Bootstrap,它是一個快速開發web應用程序和網站的前端框架。

 

二.爲何要學boot，並且爲何那麼火爆？

(1)容易上手，學過HTML和CSS的人就能來學習

（2）遊覽器支持，幾乎全部的遊覽器都支持bootstrap框架

（3）開發速度快，代碼優雅簡單

（4）移動先行，移動設備優先：自從3。0版本之後更好的適應於移動端開發。可是並非不能開發PC端

（5）響應式設計：Bootstrap自帶響應式設計，CSS能夠適用於PC\移動端設備的自適應

 

 

三.strap所要學的方向或者東西？

（1）基本的頁面結構：網格系統和基本的頁面模板

（2）全局CSS樣式：框架提供的CSS類

（3）組件：導航欄、警告框、下拉菜單等等

（4）JavaScript插件：用到的是JQ支持的插件。  輪播圖等等。。

 (5) 定製 ：定製本身的組件   （不是重點）

 

 

四.如何下載呢？

（1）Bootstrap: 這是一個專有的名詞， 意思爲引導指令和引導程序

（2）下載：http://www.bootcss.com/ 是boot的官網，文檔是英文的

（3）中文的官方網站：v3.bootcss.com  如今學的而是3版本

  源碼版（用於研究）壓縮版（用於工做和學習）

 

 相似的框架還有不少：妹子UI amaze UI 也是同樣的，是國內開發的

 五如何使用

 （1）先構建站

 （2）將下載的bootstrap放入lib

 （3）將bootstrap的CSS和js引入html中

       eg: <link rel="stylesheet" href="dist/css/bootstrap.css">