源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

Bootstrap中定制LESS-颜色及导航条(推荐)

  • 时间:2021-03-07 11:51 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:Bootstrap中定制LESS-颜色及导航条(推荐)
[b] 主题色[/b] 在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;
[b]导航条颜色变量[/b] 在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-颜色及导航条,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对编程素材网网站的支持!
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部