2013-08-27 6 views
15

私は検索する正確な用語とキーワードに精通していません。だから私は、用語アラートインジケータが正しいかどうか尋ねたいと思います。Bootstrapのメッセージ/アラートインジケータの合計数を作成するにはどうすればよいですか?

Twitter Bootstrapでどのようにすることができますか?

以下は、私が達成したい指標のイメージです。 glyphiconとバッジのコンテナを指定し、固定アイコンからのオフセットでバッジを配置するクラスを作成しますhttp://getbootstrap.com/components/#badges

: おかげ..

enter image description here

答えて

29

は、ブートストラップのバッジを見てみましょう。このようなCSSで

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

:このような何か

.notification-icon .glyphicon { 
    ... 
} 

.notification-icon .badge { 
    ... 
} 

あなたが簡単にあなたが通知の非ゼロの数を持っているときバッジのみ表示されるようにそれを設定することができるはずです。

+1

オハイオ州私は参照してください..ありがとう..私はそれをdivの内部に配置することを忘れてしまった..私はそれがpaddingまたはマージンによってそれをpostioningで働くことに固執した... –

+0

私はまた、 (私はエンベロープアイコンの代わりにbell btwを使用していました)を追加した後に作られています:

ここでjqueryを使うと、$( "#jt-alarm-count")を使って再生できます。 ありがとうTimothy @ClannadSystem - それは素晴らしいアニメ(~~~~)ではありません〜 – harshvchawla

関連する問題