固定头引导程序的定位

Question

我正在使用 HTML5 样板和 Bootstrap 创建网站。

我希望将橙色和灰色横幅固定在滚动条上，但也要居中且响应迅速。目前它固定在滚动和响应但不是居中。

如何制作这个元素： - 固定在滚动 - 反应灵敏 - 居中

请记住，我仍然希望滑块按原样显示在横幅后面。

这是我的代码：

<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

提前谢谢各位！

灰

Answer 1

只需替换

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

与

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

它现在应该是固定的、响应式的和居中的:)

注意：我不认为滑块是标题的一部分。