隨著CSS3和HTML5的流行，我們的WEB頁面不僅需要更人性化的設計理念，而且需要更酷的頁面特效和用戶體驗。作為開發者，我們需要了解一些寶貴的CSS UI開源框架資源，它們可以幫助我們更快更好地實現一些現代化的界面，包括一些移動設備的網頁界面風格設計。接下來就是要詳解Bootstrap框架：

首先，我們要知道為什么使用框架的原理。

CSS框架是一系列CSS文件的集合體，包含了基本的元素重置，頁面排版，網絡布局，表單樣式，通用規則等代碼塊。使用CSS框架，可以簡化工作，提高工作效率。

我們為什么要使用Bootstrap框架，而不使用其他CSS框架？

隨著H5，CSS3的快速火起來，用戶體驗尤為重要，移動設備用戶的龐大，不容小視，而恰恰，Bootstrap就是為移動設備而開發的框架。他雖然是以移動設備優先，傾向于Mobile，但不是移動設備框架。
它由規范的CSS，JavaScript插件構成，其最大的優勢是響應式布局，CSS媒體查詢(Media Query)的功勞，使得開發者可以方便的讓網頁無論在臺式機，手機上都獲得最佳的體驗。

抽象出常用的css樣式,高再可用性,高移植性

有固有的定義,詳細的文檔及開發特點

高兼容性,可以兼容流行的瀏覽器

以css為主,但不一定全部是css,可能有一些js(或者其他)腳本用于兼容瀏覽器

Bootstrap框架可以分為三類：

第一：預處理腳本：

Bootstrap的源碼是基于最流行的CSS預處理腳本-Less和Sass開發的。你可以采用預編譯的CSS文件快速開發，也可以從源碼定制自己需要的樣式。例如。如果你頁面上有很多同樣的效果。只需要寫一個效果類。然后讓用到的地方去繼承他。就不需要再寫了。

第二：一個框架，多種設備

你的網站和應用能在Bootstrap的幫助下通過同一個代碼快速，有效設配手機，平板、PC設備，這都是CSS媒體查詢的功勞。

第三：特效齊全

Bootstrap提供了全面、美觀的文檔、可以找到關于HTML元素，HTML和CSS組件、jQuery插件方面的所有詳細文檔。
Bootstrap組件： Bootstrap中包含了豐富的Web組件，根據這些組件，可以快速的搭建一個漂亮、功能完備的網站。比如：下拉菜單、按鈕組、按鈕下拉菜單、導航、導航條、路徑導航、分頁、排版、縮略圖、警告對話框、進度條、媒體對象等。

bootstrap優缺點：

優點

1.bootstap最近發布了bootstrap4，擁有了box-flex布局等更新，緊跟最新的web技術的發展
2.比較成熟，在大量的項目中充分的使用和測試
3.擁有完善的文檔，使用起來更方便
4.有大量的組件樣式，接受定制

缺點：

1.如果有自己特殊的需求，就需要重新定制樣式，如果一個網站中有大量的非bootstrap“風格”的樣式存在，那么你就需要做大量的css重寫，因此也就失去了使用框架的意義。
2.會有兼容問題，雖然網上存在很多兼容IE的辦法，但需要引入其他文件，有些還不小，勢必導致加載速度變慢，影響用戶體驗。

總結

以上是生活随笔為你收集整理的BootStrap框架的优缺点的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。