投稿の内容を自分のスタイルでカスタマイズする

[Canapin (Coin-coin le Canapin)]

@UnitedFreedom

複雑すぎる

もちろん、何を入れるかによりますが、例と同じような見た目を実現するには、コードを大幅に最適化できます。

[wrap="card-header"]**カードヘッダー**[/wrap]
[wrap="card-body"]
**カードタイトル**

カードテキスト、カードテキスト、カードテキスト、カードテキスト、カードテキスト、カードテキスト、カードテキスト、カードテキスト、カードテキスト、カードテキスト、カードテキスト、カードテキスト、カードテキスト、カードテキスト、カードテキスト、カードテキスト、カードテキスト、カードテキスト、カードテキスト、カードテキスト、カードテキスト、カードテキスト、カードテキスト、カードテキスト、カードテキスト、カードテキスト、カードテキスト、カードテキスト
[/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;
}