代码之家 › 专栏 › 技术社区 › Abhijeet

如何在多行上拆分引导标记?

bootstrap-4 twitter-bootstrap

2

Abhijeet · 技术社区 · 8 年前

1 回复 | 直到 8 年前

1

6

DavidG 8 年前

Bootstrap badges 是 span inline 默认情况下。如果要在新行上显示连续徽章,可以将其包装在块元素中,例如 div

<div>
    <span class="badge badge-secondary">Badge 1</span>
</div>
<div>
    <span class="badge badge-secondary">Badge 2</span>
</div>

或者应用您自己的风格:

HTML:

<span class="badge badge-secondary block-badge">Badge 1</span>
<span class="badge badge-secondary block-badge">Badge 1</span>

.badge.block-badge {
    display: block;
}