Bootstrap和Angular 4 - Ng覆盖CSS

Question

我已经将Bootstrap CSS导入到Angular全局style.css中，但是Angular会覆盖bootstrap样式。例如，我的标记呈现为 -

<div _ngcontent-c0="" class="container">

但由于_ngcontent，将应用以下CSS：

margin: 0;
padding: 0;
border: 0;
font-family: inherit

Answer 1

您可以更改 angular-cli.json 文件中定义的样式的顺序。

"styles": [
    "../node_modules/bootstrap/dist/css/bootstrap.min.css",
    "styles.css"
  ],

你应该重新启动服务器，因为angular-cli不会在angular.cli.json

中查找更改