0

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

这是它实际外观的 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 中，使用各种类）但没有任何效果，所以我很困惑下一步该做什么。

4

1 回答 1

0

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

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

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

希望这能解决问题。

于 2013-10-13T22:19:07.477 回答