如何更改bootstrap-sass默认值

Question

我正在使用rails 3.2和bootstrap 3处理rails项目上的ruby。我使用的gem是bootstrap-sass，它是最新的。我试图在我的样式表文件中更改bootstrap组件的默认属性。在gem的文档中，它声明我可以在使用之前更改引导程序的某些内容：

@import“bootstrap”;

我想在bootstrap的缩略图周围创建一个黑色边框，默认情况下将

---

设为黑色。

所以在import语句之前，我补充说：

$ thumbnail-border：＃000000 5px; $ hr-border：＃000000;

然后，我将变量放在适当的bootstrap类中，我什么都没得到。 任何帮助将不胜感激。

Answer 1

我们无法通过$thumbnail-border变量调整缩略图边框宽度。此变量的Bootstrap definition是“缩略图边框颜色”。在bootstrap-sass gem中，我们可以在_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;
}

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