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
감사
다음은이 비트에 대한 내 코드입니다!
애쉬
감사합니다. 대접처럼 일 했어. 하지만 지금은 또 다른 문제를 깨달았습니다! 슬라이더가 실제로 중앙에 배치되거나 반응하지 않습니다! 그런데 부트 스트랩 컨베이어입니다. 코드는 다음과 같습니다. – Elfordy
http://jsfiddle.net/yKTWe/ – Elfordy
'img { max-width : 100 %; }'#myCarousel 너비를 고정 된 픽셀 너비가 아닌 100 %로 설정하십시오. 데모 : http://jsfiddle.net/AqZZW/ –