Sur ces pages vous trouverez tous ce qui est possible de faire avec bootstrap v3.3.4. Le systéme de grille, la typographie, les boutons, les formulaire, les tableaux, les images, la barre de navigation, les alerts ...
Le fichier téléchargable ci-dessous contient une version que j'ai recompilé pour y apporter plusieurs modifications :
Correctifs visuels diverses.
Systéme de grille à 24 colonnes pour la classe col-lg
, col-md
, col-sm
et 12 colonnes pour col-xs
.
Ajout du bouton noir btn-inverse
, violet btn-purple
et rose btn-pink
.
Remplacement des Glyphicons icones par Font Awesome icones v4.3.0.
Ajout des sous-menu dans le dropdowns.
Ajout de 8 couleurs aux badges et 3 au label.
Télécharger ma version et décompresser la dans le répertoire de votre projet web.
Dans l'archive est fournis une page html contenant la structure de base intégrant Bootstrap, comme ci-dessous :
<!DOCTYPE html> <html lang="fr"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Remplacer la ligne du dessus par celle-ci pour désativer le zoom --> <!-- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> --> <meta name="description" content=""> <meta name="author" content=""> <!-- Permet d'afficher un icône dans la barre d'adresse --> <!-- <link rel="shortcut icon" href="image/favicon.png"> --> <title>Bootstrap v3.3.4</title> <!-- css Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/bootstrap-theme.min.css" rel="stylesheet"> <!-- HTML5 Shim et Respond.js permet à IE8 de supporter les éléments du HTML5 --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> <div class="container"> <div class="text-center"> <h1>Bootstrap exemple de base</h1> <p class="lead">Cette page contient le code à mettre pour intégrer Bootstrap à votre projet web.</p> </div> </div> <!-- jQuery (nécessaire pour les plugins javascript de Bootstrap) --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <!-- Ce fichier javascript contient tous les plugins fournis par Bootstrap --> <script src="js/bootstrap.min.js"></script> <script src="js/main.js"></script> </body> </html>