是否可以在Bootstrap的预编译库中编辑.scss文件?

时间:2019-06-20 17:24:14

标签: html css twitter-bootstrap visual-studio sass

我正在研究一个项目的前端,在加入之前,该项目已经取得了不错的进展。该项目使用Bootstrap的预编译库,因此我无权访问scss文件。这意味着我在文件夹的 all 中找不到它们。

bootstrap directory

bootstrap目录与上面的目录差不多。我试图在css文件(例如bootstrap.css)中进行更改,但是它不起作用。所做的更改似乎已保存在文件中,但是当我运行项目并检查元素时,我看到它使用原始代码引用了scss文件。

inspect element edited bootstrap.css

我当前正在使用Visual Studio编辑文件。我尝试将自己的样式表放在引导程序之后,以覆盖boostrap样式表,但是没有运气。

有什么办法吗?

  • 访问scss文件以对其进行编辑
  • 让我自己的样式表覆盖boostrap一个
  • 或仅更改bootstrap.css文件

是否可以在scss中安装bootstrap版本并替换项目中已预编译的版本?

1 个答案:

答案 0 :(得分:0)

用自己的样式表覆盖boostrap可能是最安全的方法,并且完全可行,您只需要添加自己的类,然后将它们超级嵌套到它们中以覆盖引导程序即可。这可能需要大量的反复试验。

  

是否可以在scss中安装bootstrap版本并替换项目中已预编译的版本?

我以前做此操作没有太多麻烦,但是如果您更改引导程序版本或以前有人已经自定义它,则可能会引起问题。在后一种情况下,您必须确保反映这些更改。 如果您决定走这条路,这里是同事制作的很棒的自定义引导程序。 https://github.com/rachaelshaw/bootstrap-4-customizer