CSS麻烦，引导 - 桅顶吞咽页面

Question

我的代码存在两个问题

http://jsfiddle.net/zmgRW/

A）实际的html内容被隐藏，因为图像上的位置固定标签=（

即这件作品

<div class="container">
                <div class="page-header">
                    <h1>Sticky footer with fixed navbar</h1>
                </div>
                <p class="lead"></p>
                <p>
                    sup
                </p>
            </div>
        </div>

B）我想在导航栏卷起然后锁定的情况下产生这种效果！

http://jsfiddle.net/shail/YKaBK/show/

有人可以帮忙吗？

此外，如果我的CSS / HTML提示有任何问题，那就太棒了！

Answer 1

导航变为粘贴后，它不再遵循正常的导航栏CSS样式。 你可以给外部DIV容器一个id，然后把它设置为`affix'元素。 使用CSS确保它保持100％宽度。

#nav.affix {
    position: fixed;
    top: 0;
    width: 100%
}

Working Demo