Как сверстать это?

Question

[addd]

Есть таблица с календарём bootstrap fullcalendar.js, как сверстать так чтобы при умешении экрана 3 календаря в строчке превращались в 2 календаря, а потом в один календарь(т.е. лишнии съезжали на другую строчку)

Answer 1

[timtimIT]

Поставьте этим календарям:
display: inline-block

Хотя,если это таблица - то не получиться.
Можете скинуть код?

Comments

[Ivanq]

timtimIT: Получится пишется без мягкого знака.

[timtimIT]

Вы всех исправляете?

[Ivanq]

timtimIT: Нет, только вас. Я за вами слежу ) . Но вы исправьте, а то!..

[Mr Crabbz]

Ivanq: Так то ", а то..." без восклицательного.

[0leg5ergeev]

Роман Краббз: изучите знаки препинания в русской литературе

[Mr Crabbz]

0leg5ergeev: Таки да. Ретируюсь.

Answer 2

[Pavel Torbeev]

Используйте grid систему бутстрапа
тоесть у дивов календара должна быть классы, например:

<div class="col-lg-4 col-md-6"> </div>
<div class="col-lg-4 col-md-6"> </div>
<div class="col-lg-4 col-md-6"> </div>

Answer 3

[addd]

если делать td{display: inline-block } то будет выводиться в одну колонку, а мне нужно чтобы было в три колонки, только при сжатии становилось в одну колонку.

Answer 4

[Андрей Рабой]

<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12"> </div>
<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12"> </div>
<div class="col-lg-4 col-md-12 col-sm-12 col-xs-12"> </div>

та что ли?