lundi 20 avril 2015

image full width on column with Bootstrap

I want the image on the left to be with no padding or margin as the photo below in the 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="" alt="Caravaca" width="85" height="68"></a>

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


Thanks in advance

Aucun commentaire:

Enregistrer un commentaire