Как изменить ширину раскрывающегося списка Bootstrap при изменении ширины экрана? ⇐ CSS

[Anonymous]

У меня есть раскрывающийся список шириной 480 пикселей, и с помощью (строки) я разделил его на две части (столбец-6) по 240 пикселей каждая.
У меня возникла проблема. заключается в том, что на маленьких экранах столбец 6 внутри строки не сворачивается в один вертикальный столбец, а остается шириной 480 пикселей.
Я хотел бы сделать следующее:
На экранах с минимальной шириной: 768 пикселей раскрывающийся список должен быть горизонтальным и разделен на два столбца со столбцами 6.
Вкл. максимальная ширина экрана: 768 пикселей, раскрывающийся список должен быть вертикальным, столбцы столбца 6 должны располагаться один за другим.
Как это можно сделать?

Код: Выделить всё

@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; */
}
}

Код: Выделить всё

[*]

[list]






Profile_1


[*]

Profile_2


[/list]

[list]
[*]

Edit


[*]

Delete


[/list]

Подробнее здесь: https://stackoverflow.com/questions/793 ... dth-change