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美化了我們的頁面;效果是不是比我們程序員寫的頁面漂亮的許多