Bien sûr, cela dépend de ce que vous avez l’intention d’y mettre, mais pour obtenir le même visuel exact que votre exemple, vous pouvez beaucoup optimiser votre code :
[wrap="card-header"]**En-tête de carte**[/wrap]
[wrap="card-body"]
**Titre de la carte**
Texte de la carte, Texte de la carte, Texte de la carte, Texte de la carte, Texte de la carte, Texte de la carte, Texte de la carte, Texte de la carte, Texte de la carte, Texte de la carte, Texte de la carte, Texte de la carte, Texte de la carte, Texte de la carte, Texte de la carte, Texte de la carte, Texte de la carte, Texte de la carte, Texte de la carte, Texte de la carte, Texte de la carte, Texte de la carte, Texte de la carte, Texte de la carte, Texte de la carte, Texte de la carte, Texte de la carte, Texte de la carte
[/wrap]
[data-wrap="card-header"] {
padding: 0.5em 1em;
border: 1px solid rgba(0,0,0,.125);
border-bottom: 0;
background: #007bff;
color: #fff;
border-radius: 5px 5px 0 0;
}
[data-wrap="card-body"] {
padding: 1em;
border: 1px solid rgba(0,0,0,.125);
border-radius: 0 0 5px 5px;
}
