Bootstrap Framework

Mini-Projet en Binôme - LP DWCA 2025/2026

Par Mikail Lekesiz & Mickael Hoffer

Voir les Composants Les Auteurs

Qu'est-ce que Bootstrap?

Bootstrap est le framework CSS le plus populaire au monde pour créer des sites web responsives et mobile-first.

  • Responsive - S'adapte à tous les écrans
  • Composants - Plus de 50 composants prêts à l'emploi
  • Grid System - Système de grille flexible
  • Utilities - Classes utilitaires pour un styling rapide
Bootstrap

Composants Bootstrap

Alerts
Buttons
Badges

Notifications 9+

Primary Success Warning Info Pill Badge
Progress Bars
25%
50%
75%
100%

Cards

Bootstrap
Card Title

Les cards Bootstrap sont des conteneurs flexibles et extensibles.

En savoir plus
Responsive
Responsive Design

Bootstrap s'adapte automatiquement à toutes les tailles d'écran.

Découvrir
Components
Composants

Plus de 50 composants prêts à l'emploi pour accélérer le développement.

Explorer

Modal

Grid System

Le système de grille Bootstrap utilise 12 colonnes flexibles

col-12
col-6
col-6
col-4
col-4
col-4
col-3
col-3
col-3
col-3
col-md-8
col-md-4

Formulaires Bootstrap

Les Auteurs

Mikail Lekesiz

Développeur Web

Étudiant en LP DWCA à l'Université de Strasbourg. Passionné par le développement web et les nouvelles technologies.

GitHub Portfolio

Mickael Hoffer

Développeur Web

Étudiant en LP DWCA à l'Université de Strasbourg. Intéressé par le design et le développement frontend.

GitHub Portfolio

Exemples de Code

Grid System

<div class="row"> <div class="col-md-6">Colonne 1</div> <div class="col-md-6">Colonne 2</div> </div>

Button

<button class="btn btn-primary"> Cliquez-moi </button>

Card

<div class="card"> <div class="card-body"> <h5 class="card-title">Titre</h5> <p class="card-text">Contenu</p> </div> </div>

Alert

<div class="alert alert-success"> Opération réussie! </div>