首頁 > web前端 > 前端問答 > 什麼是bootstrap,它有什麼優點

什麼是bootstrap,它有什麼優點

青灯夜游
發布: 2021-12-28 15:07:09
原創
5217 人瀏覽過

bootstrap是一個基於HTML、CSS、JavaScript的前端框架,是為實現快速開發Web應用程式而設計的一套前端工具包。優點有:1.實現響應式佈局,開發響應式佈局網站很便捷;2、統一的編碼風格;3、簡單易寫;4、行動裝置優先等。

什麼是bootstrap,它有什麼優點

本教學操作環境:Windows7系統、bootsrap3.3.7版、DELL G3電腦

什麼是Bootstrap

Bootstrap是Twitter開源的基於HTML、CSS、JavaScript的前端框架。它是為實現快速開發網頁應用程式而設計的一套前端工具包。它支援響應式佈局,並在V3版本之後堅持行動裝置優先。

Bootstrap提供了優雅的HTML和CSS規範,它即是由動態CSS語言Less寫成。 Bootstrap一推出後頗受歡迎,一直是GitHub上的熱門開源項目,包括NASA的MSNBC(微軟全國廣播公司)的Breaking News都使用了該項目。國內一些行動開發者較為熟悉的框架,如WeX5前端開源框架等,也是基於Bootstrap原始碼進行效能優化而來。

包含內容

  • 基本架構:Bootstrap 提供了一個有網格系統、連結樣式、背景的基本架構。這將在Bootstrap 基本結構部分詳細講解。

  • CSS:Bootstrap 自帶以下功能:全域的 CSS設定、定義基本的 HTML 元素樣式、可擴充的 class,以及先進的網格系統。

  • 元件:Bootstrap包含了豐富的網路元件,根據這些元件,可以快速的建構一個漂亮、功能完備的網站。

  • 其中包含以下元件: 下拉選單、按鈕群組、按鈕下拉式選單、導覽、導覽列、路徑導覽、分頁、排版、縮圖、警告對話方塊、進度列、媒體物件等

  • JavaScript 插件:Bootstrap自備了13個jQuery插件,這些插件為Bootstrap中的元件賦予了「生命」。其中包括:模式對話框、標籤頁、捲軸、彈出框等。

bootstrap優缺點

優點:

  • #可以實現響應式佈局,開發響應式佈局網站很方便

  • 統一的編碼風格

  • 簡單易寫

詳細的說明文檔,可快速開發

行動裝置優先
  • 性能成熟,在大量項目中使用測試過
  • 缺點:
  • 有相容性問題,ie6以下不支援

不支援sass

使用自訂會產生大量冗餘程式碼############點擊導覽頁面直接切換對應位置時,效果像錨點,沒有滾動動畫############推薦學習:《###bootstrap使用教程###》###

以上是什麼是bootstrap,它有什麼優點的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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