在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会很好地影响排版。