使用引导程序在列上显示全宽图像

Question

我希望左侧的图像没有填充或边距，就像下面的jsfiddle照片一样

https://jsfiddle.net/pq7cxg8e/4/

<div class="box-blanco">
<div class="row">
<div class="col-xs-2 col-sm-2 col-md-3 col-lg-2 hidden-xs">
<a href="salas-estudios/caravaca-ds55">
<img src="http://lorempixel.com/100/100/sports/1" alt="Caravaca" width="85" height="68"></a>
</div>
<div class="col-xs-10 col-sm-10 col-md-9 col-lg-10">
<span class="text-muted visible-xs pull" style="color: #A6A6A6; font-size: 12px;"><i class="fa fa-fw fa-map-marker"></i>Chacarita</span>
<h5><a href="salas-estudios/caravaca-ds55" class="text-inverse" style="color: #6C6C6C; font-weight:400;">Test Title</a></h5>
<div class="col-separador-s"></div>
<p class="text-muted" style="font-size: 12px;">
<span class="text-muted hidden-xs" style="color: #A6A6A6;"><i class="fa fa-fw fa-map-marker"></i>Chacarita</span>&nbsp;
<span class="text-muted" style="color: #A6A6A6;"><i class="fa fa-fw fa-phone"></i>4000-8531</span>&nbsp;
<span class="text-muted" style="color: #A6A6A6;"><i class="fa fa-fw fa-mobile fa-lg"></i>15-4000-7713</span></p>
</div>
</div>
</div>

提前致谢

Answer 1

padding: 10px!important;

导致填充图像，如果要将div 大小调整为特定大小，请执行此操作。否则继续填充@ 0。

更改

图像大小也会更改框的大小。正如你在小提琴中看到的：https://jsfiddle.net/gcampton/do34opoo/1/