Для этого надо выставить css правило float: left;
Но получиться уныло и некрасиво, но тем не менее оно выставиться примерно так, как тебе надо. Чтобы сделать все действительно красиво, надо смотреть в стороне жаваскрипта. Для этого есть уже готовые либы почти на всех фреймворках, гугли js masonry. Вот тут реализация под jquery опенсурсной либы. Оно кстати отлично поддерживает респонсив дезигн.

Подключил скрипт

Обернул элемент в


Прописал в css ширину блока
[CSS]
.grid-item { width: 100%; }
[/CSS]

И не работает.
JS подключен корректно.

Правда вот этот шаг не сделал:
Package managers

Instal with Bower: bower install masonry --save
Install with npm: npm install masonry-layout


Т.к. не совсем понимаю что от меня хотят.

Я что-то делаю не так?

Это подключение через разные сборщики js, тебе не надо, достаточно скачать скрипт

Это сделал?
[JS]$('.grid').masonry({
// options
itemSelector: '.grid-item',
columnWidth: 200
});[/JS]

Замечание модератора: Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней. Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой или обратитесь к любому из модераторов.