Question

我要做的是将rss图像和推特图像放在品牌旁边和内部导航中。这就是我希望它的样子：

这是一个关于它实际外观的JSFiddle： http://jsfiddle.net/taxman10m/bsQB3/2/

这就是我希望它的样子： http://i.stack.imgur.com/FWrj3.jpg

以下是我的代码：

  <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>

有什么建议吗？我尝试了各种不同的东西（从<ul>中取出它，将它包装在一个div中，使用各种类）并且没有任何效果，所以我很难接受下一步的操作。

Answer 1

在第658行 bootstrap.min.css 中将填充更改为：

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

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

希望这能解决问题。

在Bootstrap Nav中对齐品牌旁边的图像

1 个答案: