什麼是bootstrap，它有什麼優點

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

本教學操作環境：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中文網其他相關文章！