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

Twitter bootstrap 如何在多行上拆分引导标记?,twitter-bootstrap,bootstrap-4,Twitter Bootstrap,Bootstrap 4,参考号: 默认情况下,根据逗号拆分项目。但是,按enter键时,我需要将每个项目放在新行上 是span元素,这意味着默认情况下它们是内联显示的。如果要在新行上显示连续徽章,则可以将其包装在块元素中,例如div: <div> <span class="badge badge-secondary">Badge 1</span> </div> <div> <span class="badge badge-secondar

参考号:

默认情况下,根据逗号拆分项目。但是,按enter键时,我需要将每个项目放在新行上

span
元素,这意味着默认情况下它们是内联显示的
。如果要在新行上显示连续徽章,则可以将其包装在块元素中,例如
div

<div>
    <span class="badge badge-secondary">Badge 1</span>
</div>
<div>
    <span class="badge badge-secondary">Badge 2</span>
</div>
span
元素,这意味着默认情况下它们是以
内联方式显示的。如果要在新行上显示连续徽章,则可以将其包装在块元素中,例如
div

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

把徽章放进去你应该提供一小段代码,告诉我们你尝试了什么,我们可以在哪里帮助你。把徽章放进去你应该提供一小段代码,告诉我们你尝试了什么,我们可以在哪里帮助你。谢谢。我想知道使用BootStrap badge捕获用户输入是否可行。在材料上类似这样的东西。这只是Javascript,与引导无关。有很多图书馆可以为你做这件事,去搜索:)谢谢。我想知道使用BootStrap badge捕获用户输入是否可行。在材料上类似这样的东西。这只是Javascript,与引导无关。有很多图书馆可以为您提供此功能,请进行搜索:)
.badge.block-badge {
    display: block;
}