如何在Bootstrap中统计消息/警报指示器？

Question

我不熟悉搜索的确切术语和关键字,而Iam刚开始设计.所以我想问一下术语警报指示是否正确.

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

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

Answer 1

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

创建一个类,指定glyphicon和徽章的容器,并将徽章放置在与图标固定的偏移处.像这样的东西:

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

像这样的CSS:

.notification-icon .glyphicon {
    ...
}

.notification-icon .badge {
    ...
}

你应该能够轻松地设置它,这样,当你有通知的非零数字徽章只显示.