Question

我希望左边的图像没有填充或边距，如下面jsfiddle中的照片

<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

＆＃13;

padding: 10px!important;

＆＃13;

如果要将div调整为特定大小，请填充图像，然后执行此操作。否则保持填充@ 0。

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

带有Bootstrap的列上的图像全宽

1 个答案: