Как создать макет вид сетки с HTML и CSS

Question

У меня есть создать макет сетки с отзывчивым, как ниже:

, но я не хочу, чтобы применить пробел после второй строки , Я хочу выглядеть как пинтр.

Именно то, что я хочу это:

Мой образец: HTML

Я присвоят Если кто-то поможет завершить эту точку зрения :)

Благодарности

Answer 1

делает что-то как эта работа для вас? в основном то, что я объяснил в комментариях:

EXAMPLE

Я использовал table-layout:fixed сохранить ширину от Мессинг.

Вы бы просто нужно настроить ширину столбцов, чтобы удовлетворить ваше содержание

Answer 2

Вы можете легко сделать это с помощью начальной загрузки

для, например,

<div class="row"> 
<div class="col-xs-3"></div> 
<div class="col-xs-3"></div> 
<div class="col-xs-3"></div> 
<div class="col-xs-3"></div> 
<div class="col-xs-3"></div> 
<div class="col-xs-3"></div> 
</div> 

добавить столько, сколько хотите. Они будут расти горизонтально по содержанию, а затем будут перемещаться влево.

Answer 3

Вот макет .. У нас есть создать демо-контент для макета ..

Нажмите на следующую ссылку и источник загрузки кода: http://www.chameleoninfotech.com/theme/mansory-layout/mansory-layout.zip

Я надеюсь, что его полезно для вас ..