Bootstrap en Angular

Nous allons vous présenter comment utiliser Bootstrap dans Angular.

Bootstrap en Angular

Bootstrap est un framework CSS utilisé pour concevoir plus rapidement un site Web réactif et adapté aux mobiles. C’est le cadre le plus populaire qui est largement utilisé.

Nous pouvons également utiliser Bootstrap dans notre application Angular en suivant ces étapes simples et faciles.

Tout d’abord, nous devons installer Bootstrap dans notre projet Angular, et pour ce faire, nous devons aller au terminal et exécuter la commande suivante.

# cli
npm install bootstrap -save

Cette commande installera le Bootstrap dans notre projet Angular. Mais si vous utilisez SASS dans votre projet, je vous recommande d’installer bootstrap-sass à la place.

# cli
npm install bootstrap-sass -save

Une fois que vous avez installé Bootstrap, il sera enregistré dans les modules de nœuds, et maintenant nous n’avons plus qu’à importer Bootstrap CSS partout où nous voulons utiliser Bootstrap en utilisant les commandes d’importation suivantes.

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

Ou si vous utilisez SASS.

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

En suivant ces étapes, nous pouvons facilement installer bootstrap dans n’importe laquelle de nos applications Angular et la rendre réactive et adaptée aux mobiles en utilisant les classes Bootstrap.