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 5 mois | il y a 15 jours Développement web | 0 | 1109

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 19693

Lire l'article

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

Lire l'article

VSCode : 10 raccourcis clavier indispensables (Linux) 11910

Lire l'article

GIT / GITHUB : aide-mémoire pour "les nuls" 10301

Lire l'article

Les plus likés

Quelle distribution Linux ? Pour qui ? Pour quoi ?

2 Lire l'article

Symfony 7 avec Docker

1 Lire l'article

Customiser Easyadmin (2) : avec AssetMapper

1 Lire l'article