Gestalten Sie die Inhalte der Beiträge mit Ihren eigenen Stilen

[Canapin (Coin-coin le Canapin)]

@UnitedFreedom

zu kompliziert

Natürlich hängt es davon ab, was Sie hineinlegen möchten, aber um das exakt gleiche visuelle Ergebnis wie in Ihrem Beispiel zu erzielen, können Sie Ihren Code erheblich optimieren:

[wrap="card-header"]**Kartenkopfzeile**[/wrap]
[wrap="card-body"]
**Kartenüberschrift**

Kartentext, Kartentext, Kartentext, Kartentext, Kartentext, Kartentext, Kartentext, Kartentext, Kartentext, Kartentext, Kartentext, Kartentext, Kartentext, Kartentext, Kartentext, Kartentext, Kartentext, Kartentext, Kartentext, Kartentext, Kartentext, Kartentext, Kartentext, Kartentext, Kartentext, Kartentext, Kartentext, Kartentext
[/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;
}