css - HTML5 和 Bootstrap - 两侧留有空格？

Question

我是网络开发领域的新手。所以，如果这是一个非常愚蠢的问题，请不要介意，但我正在为 Free Code Camp 做一个元素，我遇到了这个问题，我无法摆脱左右两边的空格。这是我正在编码的笔: http://codepen.io/K-Jabeen/full/oxOjjQ/

<section id="home">
    <div class="container-fluid">
      <center>
        <br>
        <img class="img-responsive"  src="http://ivanmyc.site11.com/wp-content/uploads/2014/07/Web-Development_icon.png" />
        <h1>Pixel Developers</h1>
        <h4>Where pixel perfect web solutions are created...</h4>
        <br>
        <br>
        <br>
        <br>
        <br>
      </center>
    </div>
  </section>

请告诉我如何解决这个问题。谢谢!

Answer 1

从第一个 div 中删除 container-fluid 类:

<div class="container-fluid">

...所以它变成了:

<div>

或者，您可以将 margin: 0 -15px; 添加到 #home 的 css。