Question

I am using twitter-bootstrap. I was wondering how you put an icon in front of the brand name.
Somehow the icon also seems like it is a lot smaler than the text. How can this be fixed so it looks good?

<div class="navbar navbar-fixed-top">
  <div class="navbar-inner">
     <div class="container">
      <i class="icon-signal icon-white"></i>
      <a class="brand" href="#">Internett</a>
   </div>
  </div>

Answer 1

You can try including the icon inside the .brand title anchor and just align it with some css like so:

CSS

.brand i {
    margin-top: -4px;
    vertical-align: middle;
}

Doesn’t look pretty but it works.

Demo: http://jsfiddle.net/andresilich/HGMdM/