我试图覆盖bootstrap提供的一些默认变量,特别是一些默认的颜色和字体设置,但只有少数它们似乎生效.这是我的custom.css.scss的顶部:
$myOrange:#f89406; $myBlueDark: #304269; $myBlue: #91BED4; $myBlueLight: #D9E8F5; $myWhite: #eee; $myGrayBlue: #43464C; /* colors */ $linkColor: $myBlueDark; $navbarBackground: $myBlueDark; $navbarBackgroundHighlight: lighten($navbarBackground,10); $navbarLinkColor: darken($myOrange,10); $navbarLinkColorHover: $myOrange; $bodyBackground: #000; $dropdownBackground: $myBlueDark; $dropdownLinkColor: $myOrange; $hrBorder: $myBlue; $heroUnitBackground: lighten($myOrange,20); $dropdownLinkColorHover: $myOrange; /* typography */ $sansFontFamily: 'PT Sans Narrow','Lucida Grande',serif; $baseFontSize: 16px; @import 'bootstrap'; // ... rest of the css ....
这里我为一些引导变量指定了值,并期望字体是指定的字体,链接颜色是我设置它们的值.
但是,我注意到这些值中只有少数有效.例如.我的页面上的字体仍保持默认引导(Helvetica Neue),但导航栏颜色更改为正确的值.
我在互联网上搜索过,但我找不到任何解决方案.记录的问题类似于此问题,但此后已关闭:https://github.com/thomas-mcdonald/bootstrap-sass/issues/102
我会继续评论那个帖子,但我只是想确保我没有遗漏一些东西.
另外需要注意的是,当我稍后在custom.css.scss中明确地执行此操作时:
@mixin default_font { font-family: "PT Sans Narrow","Lucida Grande",sans-serif; font-weight: 400; } body { padding-top: 60px; background-color: #D9E8F5; @include default_font; }
字体显示正常.由于同样的问题,我在这里指定背景颜色.
我正在使用bootstrap-sass v2.0.3.有什么我做错了或错过了吗?
谢谢.
解决方法
我正在开发一个演示应用程序来重现我的问题:
https://github.com/verma/bootstrap-sass-tests我重新启动了rails开发服务器.