bootstrap有什么優缺點

這篇文章給大家分享的是有關bootstrap有什么優缺點的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

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

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

什么是Bootstrap

Bootstrap是Twitter開源的基于HTML、CSS、JavaScript的前端框架。它是為實現快速開發Web應用程序而設計的一套前端工具包。它支持響應式布局，并且在V3版本之后堅持移動設備優先。

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

包含內容

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

• CSS：Bootstrap 自帶以下特性：全局的 CSS設置、定義基本的 HTML 元素樣式、可擴展的 class，以及一個先進的網格系統。

• 組件：Bootstrap中包含了豐富的Web組件，根據這些組件，可以快速的搭建一個漂亮、功能完備的網站。

• 其中包括以下組件：　下拉菜單、按鈕組、按鈕下拉菜單、導航、導航條、路徑導航、分頁、排版、縮略圖、警告對話框、進度條、媒體對象等

• JavaScript 插件：Bootstrap自帶了13個jQuery插件，這些插件為Bootstrap中的組件賦予了“生命”。其中包括：模式對話框、標簽頁、滾動條、彈出框等。

bootstrap優缺點

優點：

• 可以實現響應式布局，開發響應式布局網站很便捷

• 統一的編碼風格

• 簡單易寫

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

• 移動設備優先

• 性能成熟，在大量項目中使用測試過

缺點：

• 有兼容性問題，ie6以下不支持

• 不支持sass

• 使用定制會產生大量冗余代碼

• 點擊導航頁面直接切換相應位置時，效果像一個錨點，沒有滾動動畫

感謝各位的閱讀！關于“bootstrap有什么優缺點”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！