首頁 > php教程 > PHP开发 > Bootstrap中客製化LESS-顏色及導航條(推薦)

Bootstrap中客製化LESS-顏色及導航條(推薦)

高洛峰
發布: 2016-12-06 11:00:44
原創
1594 人瀏覽過

 主題色

在variables.less檔案的開始,可以看到灰色及品牌色的預設變數及其值

@gray-darker: lighten(#000,13.5%); //#222
@gray-dark
登入後複製

   

我們可以直接進行替換,以涵蓋我們所需的完整灰度空間

@gray-darker: #222;
@gray-dark: #454545;
@gray: #777;
@gray-light: #aeaeae;
@gray-lighter: #ccc
@gray-lightest: #ededed
@offwhite: #fafafa;
登入後複製

   

將品牌顏色改為金黃色:

@brand-primary: #c1ba62;
登入後複製
   

導航條顏色變數

會出現有關導航條的新特徵。

相關標籤:
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
沒有bootstrap自訂的影片教學
來自於 1970-01-01 08:00:00
0
0
0
引入bootstrap無效
來自於 1970-01-01 08:00:00
0
0
0
html5 - bootstrap修改樣式的問題
來自於 1970-01-01 08:00:00
0
0
0
angular.js - angular對於ui-bootstrap的使用
來自於 1970-01-01 08:00:00
0
0
0
使用Bootstrap 5和WordPress的導覽列選單解析器
來自於 1970-01-01 08:00:00
0
0
0
熱門推薦
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板