Sass自定义引导样式表对page / inspect元素没有影响

Question

在app / assets / stylesheets / application.css.scss

下

我会有类似的事情：

@import 'bootstrap';

.navbar {
    font-size: 50px;
    padding-top: 60px;
}

我会查看我的localhost并且不会发生任何更改（我的inspect元素在nav标签上没有显示任何更改，即在inspect元素中font-size仍然设置为16px）。为什么是这样？

!important添加无法正常使用。

如果没有人可以从给定的信息中得到正确答案，那么一些问题可能会让我得到正确答案： 什么是@import 'bootstrap';目的？ 如果我的视图是例如views / pages / home.html.erb，我还可以从application.css.scss中的自定义sass样式表编辑bootstrap css吗？

我认为自定义样式表的设置肯定会有些问题因为它根本没有被读取。我已经成功地向页面添加了Bootstrap轮播，但没有对其进行任何自定义样式。这让我相信Bootstrap设置正确但不是样式表。有什么建议吗？

Answer 1

Bootstrap（和最流行的框架）由两个元素组成，JS＆amp; CSS的大部分功能。 Carousel是一个JS组件，所以只要你引用* .js文件就可以正常工作。

关于Sass，为了编译你的* .scss文件（即创建* .css文件），你需要某种形式的编译器。如果您不确定如何执行此操作（并且我认为这不是解释它的正确位置），那么我强烈建议您查看一些Sass资源：Sass lang。他们对你需要做的事给出了很好的解释。