CitizenZ Accueil Blog A propos Contact Connexion
Retour à la liste des articles Symfony : Installer Bootstrap et AwesomeFonts

Symfony : Installer Bootstrap et AwesomeFonts

Olivier Prieur | il y a 6 mois | il y a 1 mois Développement web | 0 | 1173

Voici une manière simple d'installer Bootstrap (5.3) et AwesomeFonts dans un projet Symfony 7.

Nous allons commencer par installer Boostrap AwesomeFonts avec importmap:require.

Ici, on va chercher Bootstrap (CSS) le JS de Bootsrap et le CSS de AwesomeFonts :

php bin/console importmap:require bootstrap

php bin/console importmap:require bootstrap/dist/js/bootstrap.bundle.min.js

php bin/console importmap:require @fortawesome/fontawesome-free/css/all.css


Puis il faut dire à Symfony d'utiliser tout ce petit monde.

Tout se passe dans app.js :

import 'bootstrap/dist/css/bootstrap.min.css';

import '@fortawesome/fontawesome-free/css/all.css';

import './styles/app.css';

import 'bootstrap/dist/js/bootstrap.bundle.min.js';

import './bootstrap.js';


Pour info : la dernière ligne import './bootstrap.js'; ne concerne pas Bootstrap 5.3 mais Stimulus.

Bootstrap 5.3 devrait être fonctionnel dans votre projet Symfony.

Olivier Prieur

Olivier Prieur

Geek quinqua nivernais fan d'ovalie, de musique, de linuxeries et de Net.
Portfolio : https://www.olivierprieur.fr

Commentaires

En soumettant ce formulaire, j’accepte que ce site conserve mes données personnelles via ce formulaire. Aucune exploitation commerciale ne sera faite des données conservées.

Il n'y a actuellement aucun commentaire pour cet article

A la une

I use Debian, by the way

Lire l'article

Quelle distribution Linux ? Pour qui ? Pour quoi ?

Lire l'article

Utiliser TailwindCSS dans un projet Symfony 7

Lire l'article

Les plus lus

Symfony : barre de recherche dans la sidebar 19817

Lire l'article

Débuter avec Symfony 5 : le fichier .env 12168

Lire l'article

VSCode : 10 raccourcis clavier indispensables (Linux) 12097

Lire l'article

I use Debian, by the way 11672

Lire l'article

Les plus likés

Quelle distribution Linux ? Pour qui ? Pour quoi ?

4 Lire l'article

Symfony : afficher le site en développement sur son PC et son mobile

3 Lire l'article

Symfony 7 avec Docker

1 Lire l'article