使用 Bootstrap 框架的不方便：

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

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

解決方法：

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

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

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

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

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

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

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

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

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

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

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