BootStrap框架

簡介：

　　Bootstrap，來自 Twitter，是目前很受歡迎的前端框架。Bootstrap 是基於 HTML、CSS、JAVASCRIPT 的，它簡潔靈活，使得 Web 開發更加快捷，是一個CSS/HTML框架。Bootstrap提供了優雅的HTML和CSS規範，它便是由動態CSS語言less寫成。Bootstrap一經推出後頗受歡迎，國內一些移動開發者較爲熟悉的框架，如WeX5前端開源框架等，也是基於Bootstrap源碼進行性能優化而來。

　　Bootstrap中包含了豐富的Web組件，根據這些組件，能夠快速的搭建一個漂亮、功能完備的網站。其中包括如下組件：

下拉菜單、按鈕組、按鈕下拉菜單、導航、導航條、路徑導航，分頁、排版、縮略圖、警告對話框、進度條、媒體對象等。

佈局方式：

　　BootStrap框架兼容的是IE8以上的版本，（適合企業管理網站，比較方正，不適合互聯網）。
    BootStrap框架採用的是柵格式佈局，12格，每列的距離用百分比，以適應不一樣的屏幕，格子與格子的間距爲30px;

使用流程:

　　1.到bootstrap官方網站下載，對於咱們開發者來講，直接下載編譯和壓縮後的CSS、JavaScript文件，另外還包含字體文件，可是不包含文檔和源碼文件。打開解壓包以後能夠發現包含三個文件夾 css、fonts、js。這是最基本的Bootstrap組織形式：未壓縮版的文件能夠在任意web項目中直接使用。咱們提供了壓縮(bootstrap.min.*)與未壓縮 (bootstrap.*)的CSS和JS文件。

　　2.全部Bootstrap插件都依賴jQuery。並且在正式的項目當中推薦使用壓縮以後的版本，由於它的體積很小，到官網下載jQuery支持.

　　3.將下載後的就jQuery放到bootstrap中的js目錄下

　　4.在bootstrap的根目錄下新建一個html文件，把bootstrap框架中的css和js文件連接到建立的HTML文件中（注意，必須在根目錄下面新建）。

　　5.編輯html文件，添加對bootstrap框架中css和js的引用，這樣，咱們就基本上創建了對bootstrap框架的基本使用架構。

　　在使用過程當中，咱們須要什麼組件，就直接參照官方下載提供的使用方法便可

簡單的幾個語法：

　　.container{
        width:1000px !important
        }
    //container爲咱們要佈置的內容區域，能夠並列存在多個，可是不能嵌套。
    row:行
    col-xs-num//num爲數字1——12，此行的意義是定義元素所佔的寬度
    col-xs-push-num//num爲數字,把元素向右推num格，不會影響原先排在他後面的元素
    col-xs-pull-num//num爲數字,把元素向左推num格，不會影響原先排在他前面的元素
    col-xs-offset-num//把元素及右邊的元素一塊兒向右推num格。

     嵌套的規則：     行套列，列套行，不能行套行，列套列。          使用BootStrap框架，只須要找到本身想要的代碼，在本身頁面中改變class值便可。