使用 Bootstrap 框架的不方便：

很多時候在創(chuàng)建 Web 頁面或應(yīng)用的時，需要自己獨立的 UI 界面效果，此時僅僅使用 Bootstrap 框架并不能滿足我們自身 UI 的需求，也造成要寫很多的樣式代碼來覆蓋 Bootstrap 框架提供的樣式代碼。如此一來，這也失去使用 Bootstrap 框架的意義。

很多同學(xué)會問，我要使用Bootstrap框架，而且還要讓其出來的 UI 界面效果能和滿足自己的UI設(shè)計效果。

解決方法：

在 Bootstrap 框架中提供多種方式來自定義 Bootstrap，讓 Bootstrap 框架適合自己的需求，接下來，簡單的向大家介紹怎樣自定義 Bootstrap 框架。

自定義Bootstrap框架主要有兩種方式來實現(xiàn)：

1. 使用 CSS 預(yù)處理器語言
2. 使用在線自定義設(shè)置

1.使用 CSS 預(yù)處理器語言

在學(xué)習(xí) Bootstrap 框架的使用時，可以看到 Bootstrap 框架中很多組件的 UI 效果都有對應(yīng)的 LESS 版本和 Sass 版本源碼。其實需要自定義 Bootstrap 框架，完全可以在這些組件的 LESS 或 Sass 源碼文件上進(jìn)行修改，然后將修改好的源碼重新編譯出 bootstrap.css 文件，從而實現(xiàn)適合自己的 UI 界面風(fēng)格。 

使用 CSS 預(yù)處理器語言來重新定義 Bootstrap 框架有一個前提條件，那就是開發(fā)人員會使用 LESS 或 Sass 預(yù)處理器語言，否則要在此基礎(chǔ)上實現(xiàn) Bootstrap 框架自定義不是一件容易的事情。不過大家不用擔(dān)心，就算你不懂 LESS 或 Sass 也不用怕，可以通過在線自定義設(shè)置來實現(xiàn)自定義 Bootstrap 框架。

2.使用在線自定義設(shè)置

在Bootstrap框架的官網(wǎng)為大家提供了一個在線自定義 Bootstrap 框架的配置頁面 http://getbootstrap.com/customize/　，可以通過這里進(jìn)行配置。

在線自定義設(shè)置主要包括三個部分：

• Bootstrap 組件
• Bootstrap 插件
• Bootstrap 的 LESS 版本變量設(shè)置

我們只需要根據(jù)自己的需求設(shè)置完成之后，點擊最底部的下載按鈕就可以得到自定義后的 Bootstrap 框架。