Angular4默认加载boostrap库？

我新一angular4项目，并在app.component.htmlAngular4默认加载boostrap库？

<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] 在app.module好像angular4默认加载引导LIB .ts，但它没有为我工作，当我添加

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

在index.html，然后它的工作，为什么？

来源

2017-04-14 Tsao

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

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

要使动态组件正常工作，请尝试使用ng-bootstrap或ng2-bootstrap。

来源

2017-04-14 10:10:40

我用'NPM安装--save bootstrap'并在angular-cli.json中添加'“../ node_modules/bootstrap/dist/css/bootstrap.min.css”并且它可以工作，你解决了我的困惑，谢谢。 – Tsao

bootstrap（角度属性）：[AppComponent]，是定义应用程序的初始组件。一旦你在服务器上运行你的应用程序，那么将会调用“AppComponent”，并将显示在屏幕上。

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

npm install --save bootstrap

注运行该命令后，确保引导.min文件应该在你是添加角cli.json文件，如果不是加它，你可以手动添加

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

来源

2018-01-02 19:16:25

Angular4默认加载boostrap库？

回答

相关问题