Wie kann ich die Anzahl der Karten in einer Bootstrap -Zeile mit Medienabfragen ändern?

Post a reply

Smilies
:) :( :oops: :chelo: :roll: :wink: :muza: :sorry: :angel: :read: *x) :clever:
View more smilies

BBCode is ON
[img] is ON
[flash] is OFF
[url] is ON
Smilies are ON

Topic review
   

Expand view Topic review: Wie kann ich die Anzahl der Karten in einer Bootstrap -Zeile mit Medienabfragen ändern?

by Guest » 12 Feb 2025, 09:08

Code: Select all

< /code>
Dieses Div enthält Karten, die auf der Webseite angezeigt werden. Wie es steht, wenn die Bildschirmgröße XL 4 -Karten angezeigt wird, ist groß 3, Medium 2 und klein. Um es kleiner zu machen, funktioniert alles, wie es sollte, aber wenn sie sich dem Ende der XL -Bildschirmgröße nähern, überlappen sich die Karten horizontal. Dies geschieht auch zwischen 3 Karten, die angezeigt werden und 2 Karten angezeigt werden. Zwecke. So sieht es aus: < /p>
  @media (min-width: 1200px) and (max-width: 1450px) {
background-color: red; // Test if this is applied
}

@media (min-width: 990px) and (max-width: 1050px) {
background-color: red;
}
< /code>
Meine Frage ist, was kann ich tun, um die Anzahl der angezeigten Karten anzupassen, damit im ersten @media -Tag 4 Karten angezeigt werden. >  und für das zweite @media -Tag, was kann ich tun, es wird 2 anstelle von 3 Karten angezeigt. = "snippet-code">









Top