2013-07-12 29 views
0

我使用HTML5樣板和Bootstrap創建網站。固定標題引導程序的定位

我正在尋找使橙色和灰色的橫幅固定滾動,但也居中和響應。目前它固定在滾動和響應但不居中。

我怎樣才能使這個元素: - 修正了SCROLL - 反應靈敏 - CENTERED

裸記住,我仍然希望滑塊出現在橫幅後面的是。

這是我此位碼:

<div class="navbar navbar-inverse navbar-fixed-top"> 
     <div class="navbar-inner"> 
      <div class="container"> 
       <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 pull-right" id="nav-links"> 
         <li class="active"><a href="#">HOME</a></li> 
         <li><a href="#about">ABOUT</a></li> 
         <li><a href="#contact">CONTACT</a></li> 
        </ul> 
       </div><!--/.nav-collapse --> 
      </div> 
     </div> 
       <div class="span12"> <!--THIS IS THE IMAGE I AM USING--> 
        <img src="images/PBP_header.png"/> 
       </div> 
    </div> 

我開發的網站是:http://dev.paperboyposse.com

提前感謝你們!

回答

0

只需更換

<div class="span12"> 
        <img src="images/PBP_header.png"> 
</div> 

<div class="container"> 
    <div class="span12"> 
      <img src="images/PBP_header.png"> 
    </div> 
</div> 

它應該是固定的,反應迅速,現在:)中心

注意:我不考慮滑塊作爲標題btw的一部分。

+0

非常感謝!工作就像一種享受。但是現在我意識到了另一個問題!滑塊實際上不居中或響應!順便說一句,它是引導轉盤。這裏是代碼: – Elfordy

+0

http://jsfiddle.net/yKTWe/ – Elfordy

+0

嘗試添加'img {max。width = 100%; }'並將#myCarousel寬度設置爲100%而不是固定的像素寬度。演示:http://jsfiddle.net/AqZZW/ –