как сделать это в адаптивной верстке.

[ishurgaya]

Здравствуйте.

 

Помогите ,как сделать 4 блока как на скрине адаптивными, чтобы кода экран был меньше десктопа ,то эти блоки становились друг под другом?( черные полоски это отступы между блоками.)

Спасибо

 

[npofopr]

float: left; 

 

Больше данных нужно. Блоки одной ширины? Или должны на всю длину растягиваться? 

 

+ медиа запросы используйте. 

[cyklop77]

такое подключи http://getbootstrap.com/css/#grid

конкретно этот пункт посмотри Example: Mobile and desktop

Edited December 15, 2014 by cyklop77

[ishurgaya]

float: left; 

 

Больше данных нужно. Блоки одной ширины? Или должны на всю длину растягиваться? 

 

+ медиа запросы используйте. 

 

 

 

Блоки одной ширины. на больших экранах 4 блока во всю ширину экрана, на экранах где они не помещаются там эти блоки уходят вниз.( сначала один ,потом 2 потом друг под другом

[Q4Dizzy]

Медиа запросы используйте..

[ishurgaya]

А  если их делать в резиновой верстке, то как это будет? т.е. чтобы при уменьшении экрана блоки уменьшались а не переносились.

[cyklop77]

А  если их делать в резиновой верстке, то как это будет? т.е. чтобы при уменьшении экрана блоки уменьшались а не переносились.

такое подключи http://getbootstrap.com/css/#grid

конкретно этот пункт посмотри Example: Mobile and desktop