将Angular 4 CSS定位到单个页面div

Question

下午好。 前提：我不是一名网络开发人员，而且我对所有这些从一个时刻到另一个时刻出现的新名字都不太熟悉。然后我请你不要理所当然。

我的问题非常简单：我只想在我的页面的特定元素（例如div）上定位bootstrap 4样式：页面的其余部分不涉及这种样式。

我注意到我的一位同事在较旧的bootstrap版本上使用了LESS，但我发现它在Bootrastrap 4中不支持。

有什么想法吗？

谢谢， 塞尔吉奥

Answer 1

我认为已找到解决方案，但我想知道这是否正确。 在这里我的步骤：

我使用

下载了Bootstrap 4文件

npm install bootstrap@4.0.0-alpha.6

从本地文件夹中的dos提示符

然后我修改了 bootstrap.scss 文件，该文件放在node_modules \ bootstrap \ scss中，包含一个类的所有代码（例如.thisismyclass {...}）

然后我从这个网站下载了Koala http://koala-app.com/

我在Koala UI中添加了整个本地文件夹（boostrap文件所在的位置）。

自动创建scss文件附近的.css文件，并引用我手动添加的类。

现在，在我的页面中，我添加了对新css的引用，然后我将我的主类添加到必须使用Bootstrap样式的div中。

没错？

谢谢， 塞尔吉奥