教你用Bootstrap開發漂亮的前端界面

Bootstrap介紹：　　

Bootstrap 是最受歡迎的 HTML、CSS 和 JS 框架，用於開發響應式佈局、移動設備優先的 WEB 項目。

Bootstrap的特色：

　1、預處理腳本:雖然能夠直接使用 Bootstrap 提供的 CSS 樣式表，不要忘記 Bootstrap 的源碼是基於最流行的 CSS 預處理腳本 - Less 和 Sass 開發的。你能夠採用預編譯的 CSS 文件快速開發，也能夠從源碼定製本身須要的樣式。

　2、一個框架、多種設備:你的網站和應用能在 Bootstrap 的幫助下經過同一份代碼快速、有效適配手機、平板、PC 設備，這一切都是 CSS 媒體查詢（Media Query）的功勞。

　3、特性齊全，Bootstrap 提供了全面、美觀的文檔。你能在這裏找到關於 HTML 元素、HTML 和 CSS 組件、jQuery 插件方面的全部詳細文檔。

      

      準備工做：

　　　下載Bootstrap，中文站地址:http://v3.bootcss.com/

      

 

　　下載jQuery,地址爲http://jquery.com/download/

      下載生產版（壓縮版）或開發版（未壓縮版）

     

　　　

　　　網頁中使用bootstrap,引入bootstrap與jquery相關文件，至少3個。

    

 

使用bootstrap編寫漂亮的界面，建議從Bootstrap全局CSS樣式而後到Bootstrap組件最後Bootstrap JavaScript插件的順序學習。

如下是一個簡單的頁面，使用bootstrap css美化了咱們的頁面；效果是否是比咱們程序員寫的頁面漂亮的許多