0

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

よろしくお願いします！

灰

4

1 に答える 1

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>

修正され、応答性が高く、中央に配置されるはずです:)

注：スライダーをヘッダーの一部とは考えていません。

于 2013-07-12T10:36:30.220 に答える