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 5 jours Développement web | 0 | 1055

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

Quelle distribution Linux ? Pour qui ? Pour quoi ?

Lire l'article

Utiliser TailwindCSS dans un projet Symfony 7

Lire l'article

Symfony 7 avec Docker

Lire l'article

Les plus lus

Symfony : barre de recherche dans la sidebar 19589

Lire l'article

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

Lire l'article

VSCode : 10 raccourcis clavier indispensables (Linux) 11800

Lire l'article

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

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