2014-12-18 1 views
0

Я хотел бы поместить стек div в один столбец Bootstrap 3.Могу ли я накладывать содержимое в столбец сетки bootstrap 3

В частности, я хочу сложить изображение gim для выполнения загрузки поверх загружаемого изображения.

Однако простое размещение тегов изображений внутри столбца Bootstrap и установка z-order CSS не работает.

<div class="container"> 

<div class="col-xs-4 left">Left Col</div> 

<div class="col-xs-4 imageholder"> 
    <img class="center-block" src="http://paulsmedia.s3.amazonaws.com/public/lgspinner.gif" width="40px" height="40px" style="z-index:999"/> 
    <img class="center-block" src="http://paulsmedia.s3.amazonaws.com/public/yeoman.png"  style="z-index:-1"/> 
</div> 

<div class="col-xs-4 right">Right Col</div> 

Plunk: http://plnkr.co/8T7hyb900g3d4z9IO6Ta

Есть ли способ для достижения этой цели и сохранить адаптивные модели поведения?

ответ

1

Вы можете использовать absolute позиционирование для <img> тегов

+0

Спасибо, я нашел способ использовать то, что вы предложили. Все документы говорят, что позиция: родственник должен работать, но я не мог заставить его работать. Я не понимал, что абсолют относился к его родителям, поэтому я мог использовать его. –

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