Межстрочный интервал между изображениями

Question

Как удалить интервал между изображениями? Я хочу, чтобы изображения были бок о бок. Теперь у меня есть это:

<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> 

Похоже, ваш пост в основном код; добавьте еще несколько деталей. Похоже, что ваш пост - это в основном код; добавьте еще несколько деталей.

Answer 1

Bootstrap добавляет прокладку 15px с обеих сторон в класс col-lg-1.

<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> 

Answer 2

Вы можете изменить заданный интервал (дополнение) для col-lg-1. Просто добавив style="padding: 0" к тому же div.