Twitter bootstrap 3 图像之间的引导间距

Twitter bootstrap 3 图像之间的引导间距,twitter-bootstrap-3,Twitter Bootstrap 3,如何删除图像之间的间距?我想要并排的图像。 现在我有这个: <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> <div class="container"> <div class="row"> <div class="col-lg-1"> <img

如何删除图像之间的间距?我想要并排的图像。 现在我有这个:

    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">

<div class="container">
<div class="row">
<div class="col-lg-1">
  <img src="http://meadowcreeksausage.com/wp-content/uploads/2015/02/Italian-Sausage-meadow-creek-150x150.jpg" class="img-responsive">
</div>
<div class="col-lg-1">
  <img src="http://meadowcreeksausage.com/wp-content/uploads/2015/02/Italian-Sausage-meadow-creek-150x150.jpg" class="img-responsive">
</div>
<div class="col-lg-1">
  <img src="http://meadowcreeksausage.com/wp-content/uploads/2015/02/Italian-Sausage-meadow-creek-150x150.jpg" class="img-responsive">
</div>
<div class="col-lg-1">
  <img src="http://meadowcreeksausage.com/wp-content/uploads/2015/02/Italian-Sausage-meadow-creek-150x150.jpg" class="img-responsive">
</div>
<div class="col-lg-1">
  <img src="http://meadowcreeksausage.com/wp-content/uploads/2015/02/Italian-Sausage-meadow-creek-150x150.jpg" class="img-responsive">
</div>
<div class="col-lg-1">
  <img src="http://meadowcreeksausage.com/wp-content/uploads/2015/02/Italian-Sausage-meadow-creek-150x150.jpg" class="img-responsive">
</div>
<div class="col-lg-1">
  <img src="http://meadowcreeksausage.com/wp-content/uploads/2015/02/Italian-Sausage-meadow-creek-150x150.jpg" class="img-responsive">
</div>
<div class="col-lg-1">
  <img src="http://meadowcreeksausage.com/wp-content/uploads/2015/02/Italian-Sausage-meadow-creek-150x150.jpg" class="img-responsive">
</div>
<div class="col-lg-1">
  <img src="http://meadowcreeksausage.com/wp-content/uploads/2015/02/Italian-Sausage-meadow-creek-150x150.jpg" class="img-responsive">
</div>
<div class="col-lg-1">
  <img src="http://meadowcreeksausage.com/wp-content/uploads/2015/02/Italian-Sausage-meadow-creek-150x150.jpg" class="img-responsive">
</div>
<div class="col-lg-1">
  <img src="http://meadowcreeksausage.com/wp-content/uploads/2015/02/Italian-Sausage-meadow-creek-150x150.jpg" class="img-responsive">
</div>
<div class="col-lg-1">
  <img src="http://meadowcreeksausage.com/wp-content/uploads/2015/02/Italian-Sausage-meadow-creek-150x150.jpg" class="img-responsive">
</div>
</div>
</div>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

引导在col-lg-1类的任一侧添加15像素的填充

<div class="col-lg-1" style="padding: 0">
  <img src="http://meadowcreeksausage.com/wp-content/uploads/2015/02/Italian-Sausage-meadow-creek-150x150.jpg" class="img-responsive">
</div>

如果您不希望在较小屏幕上的单独行中显示它们,请按如下方式添加类:

 <div class="col-lg-1 col-sm-1 col-md-1" style="padding: 0">
      <img src="http://meadowcreeksausage.com/wp-content/uploads/2015/02/Italian-Sausage-meadow-creek-150x150.jpg" class="img-responsive">
    </div>

您可以覆盖
col-lg-1
的预设间距(填充)。
只需将
style=“padding:0”
添加到相同的
div

谢谢,这就成功了!我还看到一件事,当我调整窗口大小时,有两行或更多行,并且这些行之间又有空格:/抱歉,没关系,我的错误,我有边距底部:/谢谢您的帮助:)谢谢您,这成功了!我还看到一件事,当我调整窗口大小时,有两行或更多行,并且这些行之间又有空格:/抱歉,没关系,我的错误,我有空白底部:/谢谢您的帮助:)