twitter-bootstrap - 导航栏中品牌名称前面的图标

Question

我正在使用 twitter-bootstrap。我想知道你是如何在品牌名称前面放一个图标的。 不知何故，该图标似乎也比文本小得多。如何解决这个问题使其看起来不错？

<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

您可以尝试将图标包含在 .brand 标题 anchor 中，并将其与一些 css 对齐，如下所示:

CSS

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

看起来不漂亮，但很管用。

演示:http://jsfiddle.net/andresilich/HGMdM/