Bootstrap中定制LESS-颜色及导航条(推荐)
更新时间:2016年11月21日 15:54:59 作者:wangxuznb
这篇文章主要介绍了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%); ... // 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;
会出现有关导航条的新特征。
以上所述是小编给大家介绍的Bootstrap中定制LESS-颜色及导航条,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
相关文章
select每选择一个option选项减少对应的option实现方法
这篇文章主要为大家介绍了select每选择一个option选项减少对应的option实现方法,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-12-12通过js获取上传的图片信息(临时保存路径,名称,大小)然后通过ajax传递给后端的方法
最近有朋友向我请教,使用js获取上传图片的信息然后通过ajax传递给后端,怎么实现呢?通过上网搜索大量资料,下面小编把我的解决办法整理,分享给大家,需要的朋友可以参考下2015-10-10
最新评论