Carnet Wiki

SPIP et Bootstrap 5

Bootstrap 5 n’embarque plus jQuery mais il n’est pas incompatible avec jQuery non plus.

Du coup on peut intégrer Bootstrap 5 à SPIP assez simplement

L’appel des fichiers javascripts Bootstrap se fait dans le <body> du document.
L’astuce consiste à d’ajouter des attributs id sur l’appel des balises <script> pour éviter que les fichiers javascripts de bootstrap passent dans le compresseur de SPIP ( qui sinon les embarque dans le <head>)

cela donne donc

<body>
....
    <!-- ====== All Javascript Files ====== -->
    <script src="[(#CHEMIN{assets/js/bootstrap.bundle.min.js}|timestamp)]" id="no-compress-js-1"></script>
    <script src="[(#CHEMIN{assets/js/wow.min.js}|timestamp)]" id="no-compress-js-2"></script>
    <script src="[(#CHEMIN{assets/js/main.js}|timestamp)]" id="no-compress-js-3"></script>
</body>

erational - Mise à jour :8 October 2025 at 11:17