Корректно отобразить картинки

Статус
Закрыто для дальнейших ответов.

MaxRAF

Новичок
Регистрация
18.08.2016
Сообщения
1
Здравствуйте.

У меня адаптивный дизайн. Не получается аккуратно расположить картинки на странице.

Хочу попробовать в ряд 3 или 6 картинок.

Сделал вот так:

<div class="row">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-3"><img src="/upload/brands/doorhan/30111841459062678060.jpg" width="150" height="73" /></div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-3"><img src="/upload/brands/alutech/elredy_partners_alutech1.png" width="150" height="41" /></div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-3"><img src="/upload/brands/hormann/logo-hormann.gif" width="150" height="181" /></div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-3"><img src="/upload/brands/came/came_logo.jpg" width="150" height="143" /></div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-3"><img src="/upload/brands/nice/nice.jpg" width="150" height="150" /></div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-3"><img src="/upload/brands/faac/faac.jpg" width="150" height="160" /></div>
</div>

Результат http://xmvision.ru/o-kompanii/ :laugh:

Подскажите, как правильно сделать.
 

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 138
Необходимо использовать display:inline-block или более "поздние" версии.
Вот пример
Если необходимо именно кратное трём, то надо использовать "css media query"
 

Greco

Active Member
Регистрация
05.08.2016
Сообщения
38
Это вроде сетка Bootstrap полное руководство на офиц.сайте и проблема здесь кроется скорее в col-xs-12 - если 6 картинок значит раздели на 12 и ты получишь col-xs-2
 
Статус
Закрыто для дальнейших ответов.
Верх Низ