Làm thế nào để tổng số chỉ báo tin nhắn/cảnh báo trong Bootstrap?

Question

Tôi không quen thuộc với thuật ngữ và từ khóa chính xác để tìm kiếm và Iam chỉ mới bắt đầu thiết kế. Vì vậy, tôi muốn hỏi liệu chỉ báo cảnh báo có đúng hay không.

Và làm cách nào để tôi có thể thực hiện trên Twitter Bootstrap?

dưới đây là hình ảnh của chỉ số tôi muốn hoàn thành. Cảm ơn ..

Answer 1

Hãy xem Badges Bootstrap của: http://getbootstrap.com/components/#badges

Tạo một lớp mà xác định một container cho một glyphicon và huy hiệu và đặt biểu tượng ở cố định bù đắp từ biểu tượng. Một cái gì đó như thế này:

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

Với CSS như thế này:

.notification-icon .glyphicon { 
    ... 
} 

.notification-icon .badge { 
    ... 
} 

Bạn nên dễ dàng có thể thiết lập nó để huy hiệu chỉ cho thấy khi bạn có một số khác không thông báo.