2015-06-03 2 views
0

я должен принести вниз образ, который я покажу вам в каком-то нижеВалит изображение, переполняя Диво CSS

основной структура

<div class="row"> 
     <div class="col-lg-1"> 
     </div><!-- end grid 1 --> 


     <div class="col-lg-9"> 
      <div class="col-sm-6" style="min-height:100%;"><img class="img-responsive" src="url" /> 
      </div> 
      <div class="col-sm-6"> 
      </div> 
     </div><!-- end grid 9 --> 


     <div class="col-lg-2"> 
     </div><!-- end grid 2 --> 
    </div><!-- end row --> 

Изображения отображается в начальной загрузке класса col-sm-6 .. Теперь мне нужно сбить его на несколько пикселей. здесь я добавить http://jsfiddle.net/vcptv09b/ jsfiddle ... просто обрушить Google изображение немного вниз без увеличения фона размер ... я попытался абсолютное положение и запас top..its коллапсирует все ..

+0

Вы пробовали 'padding-top'? –

+0

предоставьте Демо в [JSFiddle] (http://jsfiddle.net/)/[Codepen] (http://codepen.io/) или укажите ссылку на сайт – divy3993

ответ

0
<div class="col-sm-6" style="min-height:100%; margin-bottom: -20px;"><img class="img-responsive" src="url" /> 

Нравится?

Смежные вопросы