bootstrap進行網頁配色過程

以企業網站顏色：藍、紅、灰，爲例

（1）打開variables.less，
（2）灰色變量覆蓋範圍，安裝需求進行修改

@gray-base:              #000;
@gray-darker:            lighten(@gray-base, 13.5%); // #222
@gray-dark:              lighten(@gray-base, 20%);   // #333
@gray:                   lighten(@gray-base, 33.5%); // #555
@gray-light:             lighten(@gray-base, 46.7%); // #777
@gray-lighter:           lighten(@gray-base, 93.5%); // #eee

（3）在灰色下面，添加網頁品牌色

@brand-success:         #5cb85c;
@brand-feature:         #ff0;

（4）調整鏈接的懸停顏色，

//** Global textual link color.
@link-color:            @brand-primary;
//** Link hover color set via `darken()` function.
@link-hover-color:      darken(@link-color, 15%);
//** Link hover decoration.
@link-hover-decoration: underline;

設置好顏色值以後，就可以進行網頁的調整了。

假如：
反轉導航條顏色設置，反轉鏈接和文本顏色，即.navbar-inverse ,在variables.less 中搜索 @navbar-inverse 即可修改。

調用，直接把導航條的類名寫成 @navbar-inverse 也可，當有特定需求是，考慮響應式

@media (min-width: @grid-float-breakpoint) {
        .navbar-default {
            .navbar-inversi();即可
    }
}