installer bootstrap 4 dans laravel
installer bootstrap 4 dans laravel

Comment installer Bootstrap 4 dans Laravel

Partagez sur:

Dans ce tutoriel, nous verrons comment installer Bootstrap 4 dans  Laravel. Le processus expliqué dans ce tutoriel est valable pour Laravel 6/7/8.

Comment installer Bootstrap 4 dans Laravel ?

Nous devons simplement installer le package laravel/ui à l’aide de Composer et installer le package Bootstrap 4 à partir de npm.

Lire aussi: Comment installer Laravel sur Ubuntu 18.04 LTS

Le paquet laravel/ui fournit les échafaudages pour bootstrap, vue et react. Et l’échafaudage d’authentification pour la connexion et l’enregistrement.

 

Installation de Bootstrap

Rendez-vous sur votre terminal, accédez à votre projet Laravel et exécutez la commande suivante:

$ composer require laravel/ui

Après avoir installé le package avec succès, nous installons Bootstrap 4 dans notre application à l’aide de la commande suivante:

$ php artisan ui bootstrap

Vous pouvez également installer les échafaudages d’authentification à l’aide de la commande suivante à la place:

$ php artisan ui bootstrap --auth

Enfin, vous devez installer le package bootstrap et les dépendances frontales associées telles que jquery de npm à l’aide de la commande suivante:

$ npm install

Vous pouvez maintenant travailler avec votre application bootstrap 4.

Lire aussi: Comment intégrer le menu bootstrap 4 dans un thème wordpress ?

Vous pouvez l’utiliser comme ci-dessous:

<!doctype html>
<html>
<head>
    <!-- Scripts -->
    <script src="{{ asset('js/app.js') }}" defer></script>
   
    <!-- Styles -->
    <link href="{{ asset('css/app.css') }}" rel="stylesheet">
</head>
<body>
    <h1>This is example from ItSolutionStuff.com</h1>
</body>
</html>

Conclusion

Dans ce tutoriel, vous avez appris comment installer bootstrap 4 dans Laravel. Pour toute suggestions, veuillez laisser votre message en commentaire. Merci


Partagez sur: