我正在研究一个项目的前端,在加入之前,该项目已经取得了不错的进展。该项目使用Bootstrap的预编译库,因此我无权访问scss文件。这意味着我在文件夹的 all 中找不到它们。
bootstrap目录与上面的目录差不多。我试图在css文件(例如bootstrap.css)中进行更改,但是它不起作用。所做的更改似乎已保存在文件中,但是当我运行项目并检查元素时,我看到它使用原始代码引用了scss文件。
inspect element edited bootstrap.css
我当前正在使用Visual Studio编辑文件。我尝试将自己的样式表放在引导程序之后,以覆盖boostrap样式表,但是没有运气。
有什么办法吗?
是否可以在scss中安装bootstrap版本并替换项目中已预编译的版本?
答案 0 :(得分:0)
用自己的样式表覆盖boostrap可能是最安全的方法,并且完全可行,您只需要添加自己的类,然后将它们超级嵌套到它们中以覆盖引导程序即可。这可能需要大量的反复试验。
是否可以在scss中安装bootstrap版本并替换项目中已预编译的版本?
我以前做此操作没有太多麻烦,但是如果您更改引导程序版本或以前有人已经自定义它,则可能会引起问题。在后一种情况下,您必须确保反映这些更改。 如果您决定走这条路,这里是同事制作的很棒的自定义引导程序。 https://github.com/rachaelshaw/bootstrap-4-customizer