首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Bootstrap 3后台导航栏-默认使用sass

Bootstrap 3后台导航栏-默认使用sass
EN

Stack Overflow用户
提问于 2014-07-29 06:00:26
回答 1查看 1.2K关注 0票数 0

我正在为我的项目使用bootstrap-sass,我在改变导航的背景时遇到了问题。

我用来创建一个myStyle.scss文件

代码语言:javascript
复制
// nav bar
$navbar-default-bg: #0056ff;

@import "../public/lib/bootstrap-sass-official/assets/stylesheets/bootstrap";

并使用grunt将myStyle.scss和bootstrap.scss编译为style.css和bootstrap.css

不幸的是,这并没有改变我的应用程序中的标题颜色。检查它拾取的css

代码语言:javascript
复制
.navbar-default {
   background-image: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 100%);
   background-image:      -o-linear-gradient(top, #fff 0%, #f8f8f8 100%);
}

其中它仍然使用bootstrap默认的navbar-default颜色(在bootstrap-heme.css中)。我不知道如何改变这一点。我检查了_theme.scss,它给出了

代码语言:javascript
复制
.navbar-default {
   @include gradient-vertical($start-color: lighten($navbar-default-bg, 10%),  $end-color: $navbar-default-bg);
 ...
 }

所以它看起来应该是自动拾取的。

我的sass设置会不会有什么问题?我在bootstrap-sass页面上发现

bootstrap-sass要求最小Sass编号精度为10 (默认值为5)。

::Sass::Script::Number.precision = 10,::Sass::Script::Number.precision.max

但我不清楚在哪里做(我使用的是ubuntu)。

有什么建议吗?

干杯,迈克

EN

回答 1

Stack Overflow用户

发布于 2014-07-29 16:28:10

在include中添加主题的技巧是$navbar-default-bg:#0056ff;

代码语言:javascript
复制
@import "../public/lib/bootstrap-sass-official/assets/stylesheets/bootstrap";
@import "../public/lib/bootstrap-sass-official/assets/stylesheets/bootstrap/theme";
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/25005059

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档