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 行目で、パディングの値を次のように 変更します。

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

また、それらの間のスペースをこれよりも小さくしたい場合は、(5) の値をより小さい数値に変更します。

これで問題が解決することを願っています。

于 2013-10-13T22:19:07.477 に答える