使用 Bootstrap 框架的不方便：

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

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

解決方法：

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

自定義Bootstrap框架主要有兩種方式來實現：

1. 使用 CSS 預處理器語言
2. 使用在線自定義設置

1.使用 CSS 預處理器語言

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

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

2.使用在線自定義設置

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

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

• Bootstrap 組件
• Bootstrap 插件
• Bootstrap 的 LESS 版本變量設置

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