Question

我是一名中级后端开发人员，他总是试图自己解决问题并且通常会把它们弄清楚，但是有一些关于写出你的问题的能力！它之前可能已经说过，但它就像rubber-ducking。

无论如何，突然之间我的boostrap（上帝，我永远不会拼写那个词），booTstrap，用.brand类设计的图像是巨大的，覆盖整个屏幕。

当我检查Chrome时，我正在寻找与宽度和尺寸相关的样式，但无法找到它们。我去取消检查各种规则以查看哪些更改，并且尺寸不会发生变化！

<%= link_to( (image_tag "Hockey_Protege_A_white.png", alt: "brand"), root_path, class: "navbar-brand" ) %>

更新1

在一个正在运行的分支上，我找到了它使用的CSS并取消选中它，当然它看起来就像它在断枝上一样。

.app-navbar .navbar-brand img {
    width: 85px;
}

Answer 1

好的，所以我意识到我错误地没有将应用程序级样式复制到 application.scss 中:(

一旦我添加了这个（用户已经建议但删除了答案，因为我说我希望它能够工作＆＃34;开箱即用＆＃34;并且错误地认为我不需要任何额外的样式:(），它有效：

.app-navbar .navbar-brand img {
  width: 85px;
}

我仍然感到困惑，因为bootstrap（gem 'bootstrap', '~> 4.0.0.beta'）样式表正在加载并且他们有一个.navbar-brand类，所以如果它没有在应用程序中找到样式.scss ，为什么它不能在@import "bootstrap";中找到它们？