ruby-on-rails - 如何更改 bootstrap-sass 的默认值

Question

我正在使用 rails 3.2 和 bootstrap 3 开发一个 ruby​​ on rails 项目。我使用的 gem 是 bootstrap-sass，它是最新的。我正在尝试在我的样式表文件中更改引导组件的默认属性。在 gem 的文档中，它指出我可以在使用之前更改引导程序的某些内容：

@import "引导程序";

我想在引导程序的缩略图周围创建一个黑色边框并制作

---

默认为黑色。

所以在导入语句之前，我添加了：

$thumbnail-border: #000000 5px; $hr-边界：#000000；

然后，我将变量放在适当的引导类中，但我什么也没得到。任何帮助将非常感激。

Answer 1

我们无法通过$thumbnail-border变量调整缩略图边框宽度。这个变量的Bootstrap 定义是“缩略图边框颜色”。在bootstrap-sassgem 中，我们可以看到在_thumbnails.scss中使用了该变量：

border: 1px solid $thumbnail-border;

所以我们只能调整颜色，为此我们只需要在app/assets/stylesheets/application.css.scss文件中包含这些行：

$thumbnail-border: #000000;
@import "bootstrap";

要覆盖大小和颜色，我们必须这样做application.css.scss：

@import "bootstrap";
.thumbnail {
  border: 5px solid #000000;
}

这将保留其他缩略图样式，但会覆盖边框值。