HTML5 ボイラープレートと Bootstrap を使用して Web サイトを作成しています。
オレンジとグレーのバナーをスクロールに固定するだけでなく、中央に配置して応答性を高めたいと考えています。現時点では、スクロールとレスポンシブで修正されていますが、中央に配置されていません。
この要素を作成するにはどうすればよいですか: - スクロール時に固定 - レスポンシブ - 中央
バナーの後ろにスライダーをそのまま表示したいということを心に留めておいてください。
このビットの私のコードは次のとおりです。
<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
よろしくお願いします!
灰