仅在导入到Angular 2中的某些组件时,Bootstrap不会影响排版

时间:2018-01-07 21:38:21

标签: javascript css angular twitter-bootstrap

this教程之后,我使用npm install bootstrap --save命令(在终端中)将Bootstrap安装到我的Angular项目,而不是导入[Bootstrap]到我的全局 styles.css @import '~bootstrap/dist/css/bootstrap.min.css';

这搞砸了我已经拥有的风格,所以我决定只将它导入到我真正需要它的组件中(即只将@import '~bootstrap/dist/css/bootstrap.min.css';放入其中 .component.css 上述组件的文件。

在我这样做之后,发生了一些奇怪的事情。引导程序是以某种方式导入的,因为我可以使用class="btn btn-default"作为我的按钮,但它不会影响排版。 h1 s不受影响,甚至受影响按钮内的文字也保留默认字体。

造成这种情况的原因是什么?如何使字体也受到影响?

BTW :当我按照第一段所述全局导入时,Bootstrap会很好地影响排版。

0 个答案:

没有答案