Bootstrap中定制LESS-顏色及導(dǎo)航條(推薦)
更新時(shí)間：2016年11月21日 15:54:59 作者：wangxuznb
這篇文章主要介紹了Bootstrap中定制LESS-顏色及導(dǎo)航條的相關(guān)資料，非常不錯(cuò)具有參考借鑒價(jià)值，感興趣的朋友一起看看吧
主題色
在variables.less文件的開始，可以看到灰色及品牌色的默認(rèn)變量及其值
@gray-darker: lighten(#000,13.5%); //#222 @gray-dark
我們可以直接進(jìn)行替換，以涵蓋我們所需的完整灰度空間
@gray-darker: #222; @gray-dark: #454545; @gray: #777; @gray-light: #aeaeae; @gray-lighter: #ccc @gray-lightest: #ededed @offwhite: #fafafa;
將品牌顏色改為金黃色：
@brand-primary: #c1ba62;
導(dǎo)航條顏色變量
在variables.less中修改下列值：
@navbar-height: 64px; @navbar-margin-bottom: 0; // was @line-height-computed ... @navbar-default-color: @gray; @navbar-default-bg: #fff; @navbar-default-border: @gray-light; // darken(@navbar-default-bg, 9.5%); ... // Navbar links @navbar-default-link-color: @navbar-default-color; @navbar-default-link-hover-color: @link-hover-color; @navbar-default-link-hover-bg: @off-white; @navbar-default-link-active-color: @link-hover-color; @navbar-default-link-active-bg: @gray-lightest; @navbar-default-link-disabled-color: @gray-lighter; @navbar-default-link-disabled-bg: transparent;
會(huì)出現(xiàn)有關(guān)導(dǎo)航條的新特征。
以上所述是小編給大家介紹的Bootstrap中定制LESS-顏色及導(dǎo)航條，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
JS實(shí)現(xiàn)在Repeater控件中創(chuàng)建可隱藏區(qū)域的代碼
在WEB應(yīng)用中，如何才能使應(yīng)用高效率呢?如何才能吸引用戶呢?這的確是個(gè)大學(xué)問,頁面的內(nèi)容,色搭配等都十分重要。但不可忽視的是,多數(shù)情況下，對于數(shù)據(jù)的呈現(xiàn)方式也是十分重要的。2010-09-09
js確認(rèn)刪除對話框適用于a標(biāo)簽及submit
這篇文章主要介紹的是一個(gè)js確認(rèn)刪除對話框適用于a標(biāo)簽及submit，非常好用，需要的朋友不要錯(cuò)過2014-07-07
微信小程序基于數(shù)據(jù)庫時(shí)間實(shí)現(xiàn)商品倒計(jì)時(shí)功能(可重用代碼)
這篇文章主要介紹了微信小程序基于數(shù)據(jù)庫時(shí)間實(shí)現(xiàn)商品倒計(jì)時(shí)功能(可重用代碼),代碼很完整，拿來就可以使用，現(xiàn)在我把完整的代碼分享給大家，需要的朋友可以參考下2022-07-07
bootstrap實(shí)現(xiàn)動(dòng)態(tài)進(jìn)度條效果
本篇文章主要介紹了bootstrap實(shí)現(xiàn)動(dòng)態(tài)進(jìn)度條效果，進(jìn)度條可以加強(qiáng)應(yīng)用的用戶體驗(yàn)效果，看到數(shù)字，具有一定的參考價(jià)值，有興趣的可以了解一下。2017-03-03
所謂“基本類型（primitive types）”的概念ECMAScript（V3，V5）中壓根就沒有，它只是將類型分為6種,感興趣的朋友可以參考下2013-01-01
js每隔兩秒輸出數(shù)組中的一項(xiàng)(實(shí)例)
下面小編就為大家?guī)硪黄猨s每隔兩秒輸出數(shù)組中的一項(xiàng)(實(shí)例)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-05-05
基于JavaScript判斷瀏覽器到底是關(guān)閉還是刷新(超準(zhǔn)確)
這篇文章主要介紹了基于JavaScript判斷瀏覽器到底是關(guān)閉還是刷新(超準(zhǔn)確)的相關(guān)資料,需要的朋友可以參考下2016-02-02
使用Auto.js?調(diào)用系統(tǒng)短信、電話模塊實(shí)現(xiàn)功能
這篇文章主要介紹了如何使用Auto.js調(diào)用系統(tǒng)短信與電話模塊，并實(shí)現(xiàn)讀取短信與聯(lián)系人的功能，并給出了實(shí)現(xiàn)相應(yīng)功能的代碼2023-03-03
js實(shí)現(xiàn)鍵盤上下左右鍵選擇文字并顯示在文本框的方法
這篇文章主要介紹了js實(shí)現(xiàn)鍵盤上下左右鍵選擇文字并顯示在文本框的方法,涉及javascript操作鍵盤事件及文本框的相關(guān)技巧,非常簡單實(shí)用,需要的朋友可以參考下2015-05-05
JavaScript DOM 編程藝術(shù)（第2版）讀書筆記(JavaScript的最佳實(shí)踐)
閱讀了本書第五章關(guān)于使用JavaScript的最佳實(shí)踐，大部分的建議之前都有耳聞，不過閱讀之后有更深的體會(huì)2013-10-10