html - 当轮播不存在时，边距出现在移动模式下导航栏的两侧

Question

我对轮播主题的 Bootstrap 导航栏有疑问。问题是当我进入移动模式(基本上缩小窗口大小)时，导航栏两侧有空白，这是我不想发生的事情。这可能是因为它依赖于 Carousel div？

使用 Carousel，导航栏将没有空白。

没有轮播时，两侧的其他页面有空白。

有什么办法可以解决这个问题吗？我尝试删除容器样式，但这只会毁掉整个页面。

Answer 1

在这里走出一条腿，猜测您没有将导航栏包裹在“行”div 中。行 div 具有负边距，抵消了容器 div 上的填充。

<div class ='container'>
     <div class ='row'>
          <div class ='nav_bar'></div>
     </div>
</div>