首頁 > web前端 > js教程 > JavaScript強化教程-Bootstrap

JavaScript強化教程-Bootstrap

巴扎黑
發布: 2016-11-25 15:02:35
原創
1135 人瀏覽過

本文為 H5EDU 機構官方 HTML5培訓 教程,主要介紹:JavaScript強化教程 —— Bootstrap 
Bootstrap 簡介 
什麼是 Bootstrap? 
Bootstrap 是一個用於快速開發 Web 應用程式和網站的前端框架。 Bootstrap 是基於 HTML、CSS、JAVASCRIPT 的。 
歷史 
Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 開發的。 Bootstrap 是 2011 年八月在 GitHub 上發布的開源產品。 
為什麼要用 Bootstrap? 
行動裝置優先:自 Bootstrap 3 起,框架包含了貫穿整個庫的行動裝置優先的樣式。 
瀏覽器支援:所有的主流瀏覽器都支援 Bootstrap。 
Internet Explorer Firefox Opera Google Chrome Safari 
容易上手:只要您具備 HTML 和 CSS 的基礎知識,就可以開始學習 Bootstrap。 
響應式設計:Bootstrap 的響應式 CSS 能夠自適應於桌上型電腦、平板電腦和手機。更多有關響應式設計的內容詳見 Bootstrap 響應式設計。 
響應式設計 
它為開發人員創建介面提供了一個簡潔且統一的解決方案。 
它包含了強大的內建元件,易於自訂。 
它還提供了基於 Web 的客製化。 
它是開源的。 
Bootstrap 套件的內容 
基本結構:Bootstrap 提供了一個具有網格系統、連結樣式、背景的基本結構。這將在 Bootstrap 基本結構 部分詳細講解。 
CSS:Bootstrap 自帶以下功能:全域的 CSS 設定、定義基本的 HTML 元素樣式、可擴充的 class,以及先進的網格系統。這將在 Bootstrap CSS 部分詳細講解。 
元件:Bootstrap 包含了十幾個可重複使用的元件,用於建立影像、下拉式選單、導覽、警告框、彈出框等等。這將在 佈局元件 部分詳細講解。 
JavaScript 外掛程式:Bootstrap 包含了十幾個自訂的 jQuery 外掛程式。您可以直接包含所有的插件,也可以逐一包含這些插件。這將在 Bootstrap 插件 部分詳細講解。 
客製化:您可以自訂 Bootstrap 的元件、LESS 變數和 jQuery 外掛來獲得自己的版本。 
線上實例 
本站的 Bootstrap 教學包含了上百個實例。 
你可以使用我們的線上編輯器在線上編輯程式碼,並點擊運行按鈕查看結果。 
Bootstrap 實例 

 
 
 
   

我的第一個 Bootstrap 頁面

 
  

我的第一個 Bootstrap 頁面

 
   
 
 
 
 
   
 
     

Column 1


     

Column 1


     

Column 1


     ,更是夢想!  
     

再牛逼的夢想,也抵不住你傻逼似的堅持!

 
   
 
   
 
     

Column 2

 
    

Column 2

 
 
     

再牛逼的夢想,也抵不住你傻逼似的堅持!

 
   
 
   
 
     

Column 3

 
      

再牛逼的夢想,也抵不住你傻逼似的堅持!

 🎜   
 🎜 
 🎜
🎜
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板