Элементы не помещаются в строку

273
25 июля 2017, 16:44

Здравствуйте. Суть проблемы: элементы в блоке не помещаются в один ряд, последний переходит на новую строку. Уменьшение размеров не помогает.

        <div class="row" >
            <div class="span3" ><a href="x1"><img src="rrw/icon.png" width="100" height="100"></a><p>Металлочерепица</p></div>
            <div class="span3" ><a href="x2"><img src="rrw/icon_prof.png" width="100" height="100"></a><p>Профнастил</p></div>
            <div class="span3" ><a href="x3"><img src="rrw/icon_siding.png" width="100" height="100"></a><p>Металлический сайдинг</p></div>
            <div class="span3" ><a href="x4"><img src="rrw/icon_vodostok.png" width="100" height="100"></a><p>Водосточные системы</p></div>
            <div class="span3" ><a href="x5"><img src="rrw/icon_modul.png" width="100" height="100"></a><p>Модульные ограждения</p></div>
        </div>
Answer 1

Прочитайте про сетку bootstrap. Строка в ней состоит из 12 элементов. (span)3·5=12+3, вот один элемент и переносится. Уберите класс row, если вы не хотите использовать сетку.

Answer 2

Задайте контейнеру с классом row свойство display: flex. В этом случае все дочерние элементы без переноса будут пытаться уместиться в контейнере по горизонтали.

READ ALSO
Помогите создать дейстие [требует правки]

Помогите создать дейстие [требует правки]

Я хотел бы создать сайт лотерею, но не знаю какой код нужен, чтобы, например, 10 человек положили 10 долларов, и только один выиграет 100Пожалуйста,...

192
Плиточный дизайн

Плиточный дизайн

При верстке psd наткнулся на плиточный дизайнМне нужно понять что использовать: flexbox, grid, div или таблицы использовать фреймворки нельзя только...

272
плоскость rotate 3d в css

плоскость rotate 3d в css

Есть вот такой куб

313