Question

我在我的页面上使用nav-bar并使用以下代码

<nav class="navbar navbar-default navbar-lower" role="navigation">
            <div class="container">
                <div class="container collapse navbar-collapse">
                    <ul class="nav navbar-nav pull-right">
                        <li><a href="#">Link</a></li>
                        <li><a href="#">Link</a></li>
                        <li><a href="#">Link</a></li>

                    </ul>

                </div>
            </div>
        </nav>

它工作得很好，就像我想要的那样，除了我width滚动时。我希望它的宽度与该页面上body标记的宽度相同，但是当我滚动它时，在右边添加一点额外的width。请查看下面的屏幕截图以获得更清晰的理解

我尝试更改container课程并将其添加到<nav class="container"...，但这并没有解决。

Answer 1

这是一个小提示，显示导航栏永远不会添加宽度Fiddle

       <nav class="navbar navbar-default  navbar-lower" role="navigation">
            <div class="container">
                <div class="container collapse navbar-collapse">
                    <ul class="nav navbar-nav pull-right">
                        <li><a href="#">Link</a></li>
                        <li><a href="#">Link</a></li>
                        <li><a href="#">Link</a></li>

                    </ul>

                </div>
            </div>
        </nav>

如果你想增加宽度，你需要做以下

滚动时需要添加课程

将原始导航类设置为具有边距并将其设置在容器外部，然后将滚动设置为不具有边距

<script>
$(window).scroll(function(){
    $('nav').toggleClass('scrolled', $(this).scrollTop() > 1);
});
</script>

然后添加

with open(filename, 'r') as infile:
    start = infile.tell()
    end = 0
    for line in infile:
        if line.startswith('Block'):
            end = infile.tell()
            infile.seek(start)
            # print all the bytes in the block
            print infile.read(end - start)
            # now go back to where we were so we iterate correctly
            infile.seek(end)
            # we finished a block, mark the start
            start = end

滚动Bootstrap 3时保持导航栏宽度相同

1 个答案: