Bootstrap in Angular

Wir werden vorstellen, wie man Bootstrap in Angular verwendet.

Bootstrap in Angular

Bootstrap ist ein CSS-Framework, das verwendet wird, um eine reaktionsschnelle und für Mobilgeräte optimierte Website schneller zu entwerfen. Es ist das beliebteste Framework, das weit verbreitet ist.

Wir können Bootstrap auch in unserer Angular-Anwendung verwenden, indem wir diesen einfachen und einfachen Schritten folgen.

Zunächst müssen wir Bootstrap in unserem Angularprojekt installieren, und dazu müssen wir zum Terminal gehen und den folgenden Befehl ausführen.

# cli
npm install bootstrap -save

Dieser Befehl installiert den Bootstrap in unserem Angularprojekt. Aber wenn Sie SASS in Ihrem Projekt verwenden, würde ich empfehlen, stattdessen bootstrap-sass zu installieren.

# cli
npm install bootstrap-sass -save

Sobald Sie Bootstrap installiert haben, wird es in Knotenmodulen gespeichert, und jetzt müssen wir nur noch Bootstrap CSS importieren, wo immer wir Bootstrap verwenden möchten, indem Sie die folgenden Importbefehle verwenden.

# angular
@import '~bootstrap/dist/css/bootstrap.css';

Oder wenn Sie SASS verwenden.

# angular
$icon-font-path: '~bootstrap-sass/assets/fonts/bootstrap/';
@import '~bootstrap-sass/assets/stylesheets/bootstrap';

Indem wir diese Schritte befolgen, können wir Bootstrap problemlos in jeder unserer Angular Anwendungen installieren und sie mithilfe von Bootstrap-Klassen reaktionsfähig und mobilfreundlich machen.