Twitter bootstrap 在引导导航中对齐品牌旁边的图像

我想做的是在品牌旁边和内部导航中放置一个rss图像和twitter图像。这是我希望它看起来的样子：

下面是它的实际外观：

这是我希望它看起来的样子：

下面是我的代码：

  <nav class="navbar">
    <div class="navbar-inner">
      <a href="" class="brand">Blog Name</a>

      <ul class="nav">
        <li>
          <a href=""><img src="rss.png" /></a>
        </li>
        <li>
          <a href=""><img src="twitter.png" /></a>
        </li>
      </ul>

      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </a>

      <div class="nav-collapse collapse">
        <ul class="nav">
          <li class="divider-vertical"></li>
          <li><a href="">Menu Item 1</a></li>
          <li class="divider-vertical"></li>
          <li><a href="">Menu Item 2</a></li>
          <li class="divider-vertical"></li>
        </ul>
      </div> 

    </div>

  </nav>

---

有什么建议吗？我尝试了各种不同的方法（从

中取出它，将它包装在一个div中，使用不同的类），但没有任何效果，因此我很难知道下一步该怎么做。

在bootstrap.min.css的第658行中，将padding的值更改为如下：

.navbar .nav>li>a {
  padding: 10px 5px 10px;
  }

此外，如果希望它们之间的间距小于此值，请将（5）的值更改为较小的数字

---

希望这能解决问题。

将其添加到JSFIDLE中，人们可以帮助您。从这些图像中，您似乎在寻找更好的图像间距。是这样吗？它们靠在一起看起来更好是的，图像应该靠得更近，而且它们都应该更接近品牌。这里是一个指向JSFIDLE的链接：是的，它几乎可以。太多了！但是，它将该填充应用于所有菜单项。如何设置填充的样式，使其仅适用于这两幅图像？为此，您需要将

更改为另一个名称，如
，然后将其作为目标。之后，您需要将链接定位在这个新类中。从一开始就在导航栏中使用name=“nav”的类是不好的，因为它下面有一个带有css属性的
。“我们现在改变了”