かきスタンプ

福岡でフリーランスの物流系のエンジニアやってます。

bootstrap:アイコンの上にバッジを表示する

こういう感じの。
f:id:kakisoft:20170718025617p:plain

ー html側 ー

<div class="container">
  <button class="btn btn-default btn-lg btn-link" style="text-decoration: none;font-size:45px;">
    <span class="glyphicon glyphicon-envelope"></span>
    <span class="badge badge-notify">5</span>
  </button>
</div>

CSS側 ー

.btn-default >.badge-notify{
   background:red;
   position:relative;
   top: 7px;
   left: -62px;
}

サイズを小さくしたい場合は、buttonでなく、aを使ったほうがよさそう。