当然,这取决于您打算在其中放置什么,但要实现与您的示例完全相同的视觉效果,您可以大大优化您的代码:
[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;
}
