行延伸到它的容器外面

Question

我的bootstrap行有这个奇怪的问题，我无法弄清楚.. 如果您看一下这张图片，您会看到我的行因某种原因在我的容器液体外延伸。我只将一种样式应用于max-width: 1600px和padding:0的容器流体。但是，我认为这不是问题所在。

以下是我的页脚结构。正如我所说，没有额外的样式应用于.row本身..

<!-- Start Footer area -->
<div class="container-fluid">
  <div class="row">
    <h3>Quick Links</h3>
    <div class="col-xs-4">
      <ul>
        <li><a class="register-link" href="#"><button class="footer-register-btn" type="button">Register</button></a></li>
        <li><a href="#">About</a></li>
      </ul>
    </div>
    <div class="col-xs-4">
      <ul>
        <li><a href="#">Terms of Service</a></li>
        <li><a href="#">Privacy Policy</a></li>
      </ul>
    </div>
    <div class="col-xs-4">
      <ul>
        <li><a href="#">Contact</a></li>
        <li><a href="#">FAQ</a></li>
      </ul>
    </div>
  </div>
  <hr class="hr-devider">
  <p class="copyright">Copyright © 2016. All Rights Reserved. Proiect de licenta</p>
</div>
<!-- End Footer area -->

Answer 1

好的，我弄清楚了..问题在于我在容器液体上没有衬垫。在我添加了一些左右填充后，它起作用了。