Bootstrap中定制LESS-颜色及导航条(推荐)
主题色
在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;
导航条颜色变量
在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%); ... //Navbarlinks @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;
会出现有关导航条的新特征。
以上所述是小编给大家介绍的Bootstrap中定制LESS-颜色及导航条，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！