Démarres rapidement une interface web avec le kit @socialgouv/bootstrap - responsive, mobile-first et cross-frameworks, il contient tout le bootstrap original + des ajouts de notre communauté.


Démarrage

Le kit fournit un fichier CSS que tu peux intégrer à tes projets de différentes manières.

La documentation générale est fournie par bootstrap, nous documentons uniquement nos composants additionnels.

CSS

Copies/colles la balise <link> suivante dans la balise <head> de ta page avant toute autre feuille CSS.

<link
  rel="stylesheet"
  href="https://socialgouv.github.io/bootstrap/master/@socialgouv/bootstrap.core/dist/socialgouv-bootstrap.min.css"
  integrity="/fY/&#43;ejcTIEKNceNcpQrBZMwufUpO//HSlC3jcjBtWSwL5l5NOm6JKezUK8o&#43;Y2p"
  crossorigin="anonymous"/>

ou avec ton bundler JavaScript favori :

import "@socialgouv/bootstrap"

JS

Le Javascript de bootstrap peut être intégré mais nous conseillons d'utliser les librairies de référence pour chaque environnement :

  • react : reactstrap
  • angular ng-bootstrap
  • vue : bootstrap-vue

Que contient le KIT ?

  • une version de boostrap customisée avec des couleurs, fontes standardisées
  • des exemples de composants standards (ex: header, footer, layouts)