flapflapjack
@flapflapjack
на треть я прав

Как мне правильно поступить в позиционировании блоков при адаптиве в bootstrap?

Привет!
Bootstrap 4.6. Новичок в этом. Раньше руками все делал, но захотелось попробовать BS.
У меня имеется такая таблица с задачами (песочница - ниже в Codepen).

|Создано|Дедлайн|Задача|Исполнители|Статус|
________________________________________________________________________________________________
|01.02.03|02.02.03|Выпить чай Выпить чай Выпить чай Выпить чай |Вася, Петя, Маша| + |
________________________________________________________________________________________________
|05.02.03|06.02.03|Выпить кофе Выпить кофе Выпить кофе Выпить кофе |Катя, Петя, Коля| - |
________________________________________________________________________________________________

Хочу сделать при узкой ширине экрана такую метаморфозу:

|Создано|Дедлайн|Статус|
______________________________________________________
|01.02.03|02.02.03|+ |
|Выпить чай Выпить чай Выпить чай Выпить чай |
|Вася, Петя, Маша|
______________________________________________________
|05.02.03|06.02.03|- |
|Выпить кофе Выпить кофе Выпить кофе Выпить кофе |
|Катя, Петя, Коля|
______________________________________________________

Вот пример на CP:


Чтобы было наглядней, нарисую в пайнте:
608ab2b12f94b693430709.png

Вопрос в следующем:

Как-то можно сделать тот код, что приведен в CodePen рабочим для моих хотелок? Или нужно все переделывать вообще в другое русло?

Если переделывать, то в каком направлении смотреть?
  • Вопрос задан
  • 67 просмотров
Решения вопроса 1
yupiter7575
@yupiter7575
Python программист
media запросы. Grid лэйауты
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы