Twitter bootstrap 3 我们如何解决引导粘贴问题,该问题将导航栏固定在顶部,但向左移动/浮动(滚动时)

Twitter bootstrap 3 我们如何解决引导粘贴问题,该问题将导航栏固定在顶部,但向左移动/浮动(滚动时),twitter-bootstrap-3,Twitter Bootstrap 3,我正试图有一个菜单栏,当用户向上滚动时,它会一直保持在顶部。它在顶部粘得很好。但是,它会向左浮动 代码: 如何修复菜单,使其在当前设置为“自动”以使其居中的情况下保持在顶部和中间的左边距?当向下滚动时,将“位置:固定”应用于标题时,边距:自动不再影响它,因此它会移回侧面。你必须找到另一种方法来集中这个分区。可能有很多方法可以做到这一点;最简单的方法可能是将其放在.container div中 <div class="container" style="padding:0"> &l

我正试图有一个菜单栏,当用户向上滚动时,它会一直保持在顶部。它在顶部粘得很好。但是,它会向左浮动

代码:


如何修复菜单,使其在当前设置为“自动”以使其居中的情况下保持在顶部和中间的左边距?

当向下滚动时,将“位置:固定”应用于标题时,边距:自动不再影响它,因此它会移回侧面。你必须找到另一种方法来集中这个分区。可能有很多方法可以做到这一点;最简单的方法可能是将其放在.container div中

<div class="container" style="padding:0">
  <div id="menu-header" class="affix">
      <div class="navbar navbar-inverse navbar-static-top">
          <div class="container"> 
            <span style="color:white">Menu bar here<i class="glyphicon glyphicon-menu-right"></i></span>
          </div>
      </div>
  </div>
</div>
上面的操作就是您希望它执行的操作。Cassie建议使用容器div是正确的,但是添加了样式填充:0表示您希望它的外观。使其与页面标题对齐