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

Bootstrap介紹：　　

Bootstrap 是最受歡迎的 HTML、CSS 和 JS 架構，用于開發響應式布局、移動裝置優先的 WEB 項目。

Bootstrap的特點：

　一、預處理腳本:雖然可以直接使用 Bootstrap 提供的 CSS 樣式表，不要忘記 Bootstrap 的源碼是基于最流行的 CSS 預處理腳本 - Less 和 Sass 開發的。你可以采用預編譯的 CSS 檔案快速開發，也可以從源碼定制自己需要的樣式。

　二、一個架構、多種裝置:你的網站和應用能在 Bootstrap 的幫助下通過同一份代碼快速、有效适配手機、平闆、PC 裝置，這一切都是 CSS 媒體查詢（Media Query）的功勞。

　三、特性齊全，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美化了我們的頁面；效果是不是比我們程式員寫的頁面漂亮的許多