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>

但是没有用

我认为这个过程似乎是bootstrap: [AppComponent]的angular4默认加载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不会自动支持引导UI框架。通过导入css，您将获得基本的静态样式。

要使动态组件生效，请尝试ng-bootstrap或ng2-bootstrap。

Answer 2

bootstrap（angular property）：[AppComponent]，是定义应用程序的初始组件。一旦你在服务器上运行你的应用程序然后＆＃34; AppComponent＆＃34;将被呼叫，并将显示在屏幕上。

但是您正在使用bootstrap框架，因为您必须使用以下命令在项目中安装引导程序。

npm install --save bootstrap

注意运行此命令后，请确保在angular-cli.json文件中添加bootstrap .min文件，如果未添加，则可以手动添加

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

Angular4默认加载boostrap库？

2 个答案: