Angular4 Standard lädt Boosterrap-Bibliothek?

Question

I neu ein angular4 Projekt und den Code in 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> 

schreiben aber es keine Arbeit

ich den Kurs scheint von bootstrap: [AppComponent] in app.module wie angular4 Standard Laden Bootstrap-lib schauen .ts, aber es hat nicht funktioniert für mich, wenn ich

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

in index.html hinzufügen, dann arbeiten, warum?

Answer 1

Sie verwechseln den Framework-Namen mit dem Startvorgang. Der Angular Bootstrap definiert nur den Einstiegspunkt.

Angular 4 unterstützt das Bootstrap-UI-Framework nicht automatisch. Durch den Import der CSS erhalten Sie grundlegende statische Styling.

Um dynamische Komponenten zu aktivieren, versuchen Sie ng-bootstrap oder ng2-bootstrap.

Answer 2

Bootstrap (Angular-Eigenschaft): [AppComponent], ist die erste Komponente der Anwendung definieren. Sobald Sie Ihre Anwendung auf dem Server ausführen, wird "AppComponent" aufgerufen und auf dem Bildschirm angezeigt.

aber Sie nehmen über Bootstrap-Framework, für die Sie den Bootstrap in Ihrem Projekt mit folgendem Befehl installieren müssen.

npm install --save bootstrap 

HINWEIS Nach Durchlauf dieser Befehl sicher Bootstrap · min-Datei vornehmen sollte Winkel cli.json Datei in dir hinzufügen, wenn es hinzufügen, man kann nicht hinzugefügt wird

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