Bootstrap » Как в bootstrap сделать чтобы картинка выходила за рамки родителя (строки row)


1 сентября 2016 от sevg

01092016.jpg (59.79 Kb)


В CSS добавляем:
.imgzablockom {
display: table-cell;
float: none !important;
position: absolute;
}

В HTML прописываем:
 <img src="путь к изображению" class="imgzablockom hidden-xs hidden-sm" alt="альт">

Обратите внимание, у меня в стилях также прописано hidden-xs hidden-sm - это позволяет скрывать блок на маленьких разрешениях.

Вариант №2
В CSS:
.img-wrap {
width: 100%;
background-color: #ccc;
width: 100vw;
position: relative;
margin-left: -50vw;
left: 50%;
margin-bottom: 30px;
}

Вариант №3
.стиль блока img {
position: absolute;
bottom: -95px;
left: 50%; */ Если изображение по левому краю /*
margin-left: -25%;
}