Mit Microsoft Visual Studios Code komme ich gar nicht klar.Es scheint als würde Bootstrap gar nicht funktionieren. Ich habe mir jetzt Webstorm (Trial-Version) besorgt. Alles klappt bestens. Nur ist das Problem, dass ich mit den Columns nicht mehr zurechtkomme. Col-xl- funktioniert nicht, obwohl mein Bildschirm eine Auflösung von 1920x1080px hat, aber dafür md - das verwirrt mich ziemlich.
Ich habe Bootstrap V.3.3.7 via npm installiert und den Pfad ins Array eingetragen in angular-cli.json.
col-xl ist neu in Bootstrap 4, in BS 3.x gab es das nicht.
Außerdem ist die Installation via npm keine gute Idee, weil du lediglich das CSS, nicht aber die JS-Komponenten installieren solltest. Die bauen nämlich auf jQuery auf.
Das Stylesheet kannst du per CDN entweder in der index.html verlinken oder in die styles.css importieren. Solltest du zusätzlich Bootstrap-Komponenten verwenden wollen, dann nimm dafür die Angular-Version. http://valor-software.com/ngx-bootstrap
Das erklärt einiges! Ältere Fragen habem sich damit auch geklärt, danke! Was passiert mit den Js-Komponenten? Stört es Angular, wenn ich zusätzlich JQuery benutze?
Die JS-Komponenten blähen das Bundle unnötig. Aber solange du sie nicht verwendest, stören sie auch nicht.
Prinzipiell sollte die gleichzeitige Verwendung von Angular und jQuery möglichst vermieden werden. Schon alleine weil der Ansatz beider Frameworks völlig unterschiedlich ist. Bei jQuery adressiert man DOM-Elemente à la $(‚#foo‘); bei Angular arbeitet man mit Objekten und überlässt das DOM dem Framework. Alles was jQuery daran manipuliert, wird von Angular nicht erkannt und kann unter Umständen zu Konflikten führen.