overlap notification badge on glyph in Bootstrap 3

Question

I\'m trying to create a comment/notification setup in bootstrap, and can\'t seem to get the alignment right.

I\'m going for a pretty common layout as in this screenshot:

Answer 1

Try this:

/* CSS used here will be applied after bootstrap.css */
.badge-notify{
   background:red;
   position:relative;
   top: -20px;
   left: -35px;
}



  
    
  
  3

Bootply: http://www.bootply.com/7teIvGLIzY