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

   


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM