Css Angular4默认加载引导库?

Css Angular4默认加载引导库?,css,twitter-bootstrap,angular,Css,Twitter Bootstrap,Angular,我新建了一个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&l

我新建了一个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>

在index.html中,它可以工作,为什么?

您将框架名称与启动过程混淆了。角度引导只是定义入口点

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


要使动态组件正常工作,请尝试或。

您将框架名称与启动过程混淆。角度引导只是定义入口点

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

要使动态组件正常工作,请尝试或。

引导(角度属性):[AppComponent]是定义应用程序初始组件。一旦在服务器上运行应用程序,“AppComponent”将被调用并显示在屏幕上

但是您正在学习引导框架,为此,您必须使用以下命令在项目中安装引导

npm install --save bootstrap
注意:运行此命令后,请确保bootstrap.min文件应添加到angular-cli.json文件中,如果未添加,则可以手动添加

"styles": [
        "../node_modules/bootstrap/dist/css/bootstrap.min.css",
        "styles.css"
      ]
引导(角度属性):[AppComponent],是定义应用程序初始组件。一旦在服务器上运行应用程序,“AppComponent”将被调用并显示在屏幕上

但是您正在学习引导框架,为此,您必须使用以下命令在项目中安装引导

npm install --save bootstrap
注意:运行此命令后,请确保bootstrap.min文件应添加到angular-cli.json文件中,如果未添加,则可以手动添加

"styles": [
        "../node_modules/bootstrap/dist/css/bootstrap.min.css",
        "styles.css"
      ]
我在angular-cli.json中使用
npm安装--保存引导
并添加
“./node_modules/bootstrap/dist/css/bootstrap.min.css”
,它工作了,您解决了我的困惑,谢谢。我在angular-cli.json中使用
npm安装--保存引导
并添加
”./node_modules/bootstrap/dist/css/bootstrap.min.css“
,它工作了,你解决了我的困惑,谢谢。