Bootstrap 5 Card

📝 Code HTML (Bootstrap)

<div class="card shadow-lg">
  <img src="..." class="card-img-top" alt="...">
  <div class="card-body">
    <h5 class="card-title">Aventure en Montagne</h5>
    <p class="card-text">Découvrez les sommets...</p>
    <div class="d-flex justify-content-between align-items-center">
      <span class="badge bg-success">Disponible</span>
      <small class="text-muted">À partir de 299€</small>
    </div>
  </div>
  <div class="card-footer bg-transparent">
    <button class="btn btn-primary w-100">
      <i class="bi bi-cart-plus"></i> Réserver Maintenant
    </button>
  </div>
</div>

✅ Avantages Bootstrap

• Rapide: Composants prêts à l'emploi
• Cohérent: Design system unifié
• Documenté: Documentation complète
• Communauté: Large communauté et ressources

❌ Limitations Bootstrap

• Personnalisation: Difficile de sortir du design par défaut
• Taille: Fichier CSS plus volumineux
• Flexibilité: Limité aux composants fournis
• Similarité: Beaucoup de sites se ressemblent