用bootstrap布局时会产生一些问题，比如col水平间距过大

修改方法：

重新设置col之间的间距

[class*="col-"]{
   padding: 5px;
}

在bootstrap.css随便搜索col-md会发现，col每列之间之所以有间距，是因为col里面的左右内边距都是15px形成的，这样col里面的内容与内容之间间距就是30px。想修改内边距，我们只需要修改padding-right: 15px; padding-left: 15px;的值就可以了。

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

container左右内边距是15px

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  margin-right: -15px;
  margin-left: -15px;
}

所以，下面的container和row是一样宽的，如果都铺背景色，它们是重合的

<div class="container">
	<div class="row"></div>
</div>