2013-07-12 4 views
0

HTML5 상용구 및 부트 스트랩을 사용하여 웹 사이트를 만듭니다.고정 헤더 부트 스트랩의 위치 지정

주황색 및 회색 배너를 스크롤에 고정 시키지만 중앙에 배치하고 응답 성을 높이기 위해 노력하고 있습니다. 현재 스크롤에 고정되어 반응은 있지만 중심은 아닙니다. - 스크롤 에 고정 - RESPONSIVE -

베어 마음의 중심에 내가 여전히 같은 슬라이더 배너 뒤에 표시 할 :

어떻게이 요소를 만들 수 있습니다.

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

내 dev에 사이트입니다 : 사전들에서 http://dev.paperboyposse.com

감사

다음은이 비트에 대한 내 코드입니다!

애쉬

답변

0

그냥 그것은, 반응 고정 이제 :)

주를 중심으로해야한다

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

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

대체 : 나는 슬라이더 등을 고려하고 있지 않다 헤더 btw의 일부.

+0

감사합니다. 대접처럼 일 했어. 하지만 지금은 또 다른 문제를 깨달았습니다! 슬라이더가 실제로 중앙에 배치되거나 반응하지 않습니다! 그런데 부트 스트랩 컨베이어입니다. 코드는 다음과 같습니다. – Elfordy

+0

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

+0

'img { max-width : 100 %; }'#myCarousel 너비를 고정 된 픽셀 너비가 아닌 100 %로 설정하십시오. 데모 : http://jsfiddle.net/AqZZW/ –