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庫？

回答

相關問題