在bootstrap-4中是否删除了标签

Question

之前在bootstrap中有名为label的组件，请参阅文档here和下面的示例：

<h3>Example heading <span class="label label-default">New</span></h3>

我在bootstrap-4中找不到这些，这些被删除了吗，有没有办法用bootstrap-4得到它。

Answer 1

看起来，标签现在已经被做成了标签，见docs。标记here的文档。

<h1>Example heading <span class="tag tag-default">New</span></h1>

Answer 2

从bootstrap的最终版本v4开始，标签(和标签)已被重命名为badges https://getbootstrap.com/docs/4.0/components/badge/

Answer 3

他们声称，在“https://v4-alpha.getbootstrap.com/migration/#labels-badges-and-tags”中，“badge”组件被删除，“label”在“tag”中被重新命名(但好吧: alpha!)；

在“https://getbootstrap.com/docs/4.3/migration/#labels-and-badges”中，不再有“tag”。

在Components部分中找不到'label‘。在Components部分中找不到'tag‘。

搜索".label“，你会发现

组进度/标签(https://getbootstrap.com/docs/4.3/components/progress/#labels)

• Forms /复选框和单选按钮>无标签组/布局>表单网格>水平表单>水平表单标签大小调整组/基本示例>确保正确的角色并提供标签(https://getbootstrap.com/docs/4.3/components/forms/#without-labels)

• Forms

您将再次在组件中找到徽章。因此，目前“标签”和“标签”组件仍然被“徽章”所取代。

如果你想有概述的标签，回到你自己的标签(这里有SASS)：

.label
    display: inline-block
    font-size: 11px
    font-weight: 600
    padding: 3px 6px
    border: 1px solid transparent
    min-width: 10px
    line-height: 1
    color: #fff
    text-align: center
    white-space: nowrap
    vertical-align: middle
    border-radius: 99999px
    &.label-outlined
        background-color: transparent
        &.label-primary
            border-color: #2196F3
            color: #2196F3
        &.label-success
            border-color: #64DD17
            color: #64DD17