Сделать стартовой | Добавить в избранное
 Зарегистрироваться
 Забыли пароль?

 
 
 Категории
   
 
 
 Популярные
   
 
 
 
 
  Как в bootstrap сделать чтобы картинка выходила за рамки родителя (строки row)
Категория: Bootstrap | Автор: sevg | (1 сентября 2016)
 
Обновлено1.09.2016 - 17:49

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%;
}


 (Голосов: 10)
 


Только зарегистрированные пользователи могут оставлять в данной новости свои комментарии.
 
 Календарь
 
« Апрель »
Пн Вт Ср Чт Пт Сб Вс
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30
 
 
Архив сайта
   
 
 
Copyright © 2007-2008 ЕАСМИК.Блог
Powered by NG CMS
SQL запросов: 6 | Генерация страницы: 0.01 сек