javascript - 如何在 Bootstrap 中计算消息/警报指示器的总数？

Question

我不熟悉要搜索的确切术语和关键字，我刚刚开始设计。所以我想问一下警报指示器这个词是否正确。

我怎样才能在 Twitter Bootstrap 上做到这一点？

下面是我想要完成的指标的图像。谢谢..

Answer 1

看看 Bootstrap 的徽章： http: //getbootstrap.com/components/#badges

创建一个类，为字形图标和徽章指定容器，并将徽章放置在距图标的固定偏移处。像这样的东西：

<div class="notification-icon">
    <span class="glyphicon glyphicon-envelope"></span>
    <span class="badge">19</span>
</div>

使用这样的 CSS：

.notification-icon .glyphicon {
    ...
}

.notification-icon .badge {
    ...
}

您应该可以轻松设置它，以便仅在您有非零通知数量时显示徽章。