html - 为页脚目的添加 wrap div 后，内容在页面的左侧和右侧有空间？

Question

我添加了 wrap div 以制作粘性页脚，这项工作成功，但是刚刚出现了一个新问题，页面内容移动到中心而不是保持在分配的位置。空间从左侧和右侧平均出现，您会注意到页面最大化时。

如何去掉左右两边的空格，让wrap div 有全宽？

代码:

 <div id="wrap">
  <nav class="navbar navbar-default navbar-static-top">

  </nav>
<!--*********************body*****************************-->
<div class="container">
<div class="row">
    <div class="col-md-4"></div>

    <div id="map-container" class="col-md-4 div-head"></div>
    <div class="col-md-4"></div>
     </div>
     <br > <br >
      <div  class="col-md-6 div-head">
         <p>


        </p>
     </div>
</div>
  </div><!-- end wrap-->
 <!-- footer div -->
  <div id="footer">
       <div class="container">
         <p>
            <i class="fa fa-copyright"></i>Footer
         </p>
       </div>
    </div>

Answer 1

在

中使用类container-fluid代替container

<div class="container">