У меня есть раскрывающийся список шириной 480 пикселей, и с помощью (строки) я разделил его на две части (столбец-6) по 240 пикселей каждая. .
Проблема, с которой я столкнулся, заключается в том, что на маленьких экранах столбец col-6 внутри строки не сворачивается в один вертикальный столбец, а остается шириной 480 пикселей.
Чего бы я хотел сделайте следующее:
На экранах минимальная ширина: 768 пикселей,
выпадающий список должен быть горизонтальным, разделенным на два столбца col-6,
На экранах с максимальной шириной: 768 пикселей,
выпадающий список должен быть вертикальным, столбцы столбца 6 должны располагаться один за другим.< /p>
Вопрос
Как это можно сделать?
HTML-код
-
Profile_1 -
Profile_2
-
Edit -
Delete
Пользовательский код CSS
@@media (min-width: 768px) {
.sizefit {
min-width: 540px !important;
}
}
@@media (max-width: 768px) {
.sizefit {
/* min-width: 240px !important; */
max-width: 240px !important;
/* min-height: 480px; */
}
}
Подробнее здесь: https://stackoverflow.com/questions/793 ... dth-change
