Wie ändere ich die Breite der Bootstrap-Dropdownliste bei einer Änderung der Bildschirmbreite? ⇐ CSS

[Guest]

Erklärung
Ich habe eine 480 Pixel breite Dropdown-Liste und habe sie mithilfe einer (Zeile) in zwei Teile (Spalte 6) mit jeweils 240 Pixeln geteilt .
Das Problem, das ich habe, ist, dass auf kleinen Bildschirmen die Spalte 6 innerhalb der Zeile nicht in eine einzige vertikale Spalte zusammenfällt, sondern 480 Pixel breit bleibt.
Was ich möchte Folgendes tun:
Auf Bildschirmen mit einer Mindestbreite von 768 Pixeln muss die Dropdown-Liste horizontal sein und in zwei Spalten mit Spalte 6 unterteilt sein.
Auf Bildschirmen mit maximaler Breite: 768 Pixel,
die Dropdown-Liste muss vertikal sein, die Spalten in Spalte 6 müssen nacheinander fallen.< /p>
Frage
Wie geht das?
Der HTML-Code

Code: Select all

 [list]

[*]





Profile_1


[*]

Profile_2


[/list]

[list]
[*]

Edit


[*]

Delete


[/list]

Der benutzerdefinierte CSS-Code[/b]

Code: Select all

    

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