직접 스타일을 적용해 게시물 내용을 커스터마이즈하기

[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;
}