0

私は Twitter の Bootstrap 3.0 を使用していますが、ブランド イメージをナビゲーション バーの中央に配置する方法がわかりません。

http://jsbin.com/efagoj/99/edit?html、出力

<div class="navbar navbar-fixed-top" style="background-color: orange;">
  <a class="btn btn-navbar pull-left">Left Text</a>
  <a class="btn btn-navbar pull-left">Left Text 2</a>
  <div class="navbar-inner">
    <div class="container-fluid" style="text-align: center;">
      <a class="brand" href="#" style="margin:0 auto; float: none;">
        <img src="http://i.imgur.com/XlPrrVD.png" style="height:30px;">    
      </a>
    </div>
  </div>
  <a class="btn btn-navbar pull-right">Right Text</a>
</div>

両側に複数のリンクがある場合でも、ブランド イメージを中央に配置したいと考えています。

4

2 に答える 2

0

<img/>このcssを削除して追加できます

.navbar{
  background: url("http://i.imgur.com/XlPrrVD.png") top center no-repeat;
  background-size:100 30px;
}

http://jsbin.com/efagoj/101/

およびコーディングhttp://jsbin.com/efagoj/101/watch?html,css,js,output

コードを保持してリンクを追加したい場合<img/>

画像とこの css に .imgCenter を追加します

.imgCenter{
  position:absolute;
  left:50%;
  width:100px;
  margin-left:-50px;
}
于 2013-09-29T07:56:43.577 に答える