Привет!
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:
Чтобы было наглядней, нарисую в пайнте:
Вопрос в следующем:
Как-то можно сделать тот код, что приведен в CodePen рабочим для моих хотелок? Или нужно все переделывать вообще в другое русло?
Если переделывать, то в каком направлении смотреть?