gpt4 book ai didi

ruby-on-rails - 一些 bootstrap-sass (v2.0.3) 变量的自定义值不起作用

转载 作者:行者123 更新时间:2023-12-03 14:19:32 24 4
gpt4 key购买 nike

我正在尝试覆盖 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 ....

在这里,我为一些 Bootstrap 变量指定了值,并期望字体是指定的字体,链接颜色是我设置的值。

但是,我注意到这些值中只有少数有效。例如。我页面上的字体仍保持 Bootstrap 默认值(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;
}

字体显示正常。我指定 background-color因为同样的问题在这里。

我正在使用 bootstrap-sass v2.0.3。我做错了什么或遗漏了什么?

谢谢。

最佳答案

当我正在开发一个演示应用程序来重现我的问题时:https://github.com/verma/bootstrap-sass-tests我重新启动了 Rails 开发服务器。

这似乎解决了这个问题。我不确定这是否是永久修复,所以我会等待,然后再将此问题标记为已回答。

关于ruby-on-rails - 一些 bootstrap-sass (v2.0.3) 变量的自定义值不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10827255/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com