css - Angular 4 默认加载 Bootstrap 库？

Question

新建一个angular4元素，代码写在app.component.html

<div class="container">
  <div class="row">
    <div class="col-md-1">.col-md-1</div>
    <div class="col-md-1">.col-md-1</div>
    <div class="col-md-1">.col-md-1</div>
    <div class="col-md-1">.col-md-1</div>
    <div class="col-md-1">.col-md-1</div>
    <div class="col-md-1">.col-md-1</div>
    <div class="col-md-1">.col-md-1</div>
    <div class="col-md-1">.col-md-1</div>
    <div class="col-md-1">.col-md-1</div>
    <div class="col-md-1">.col-md-1</div>
    <div class="col-md-1">.col-md-1</div>
    <div class="col-md-1">.col-md-1</div>
  </div>    
</div>

但是没用

我看这门类(class)似乎是 angular4 默认通过 bootstrap: [AppComponent] 加载 bootstrap lib在 app.module.ts 中，但它对我不起作用，当我添加

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"> 

在 index.html 中，然后就可以了，为什么？

Answer 1

您将框架名称与启动过程混淆了。 Angular Bootstrap 只是定义入口点。

Angular 4 不会自动支持 Bootstrap UI 框架。通过导入 css，您将获得基本的静态样式。

要使动态组件工作，请尝试 ng-bootstrap或 ng2-bootstrap .