it-swarm.com.de

Layoutprobleme mit Bootstrap

Ich verwende Bootstrap 3.3.4, diese Seite wird in einem Desktop-Browser einwandfrei wiedergegeben:

http://79.170.44.87/saracenhorsefeeds.com/index.php?option=com_content&view=category&layout=blog&id=49&Itemid=262

Aber wenn ich auf einem mobilen Gerät ansehe, werden alle 4 Produkte zusammengefasst. Ich habe versucht, es zu debuggen, kann aber offensichtlich nichts Falsches erkennen. Irgendwelche Ideen?

1
RustyJoomla

Ich habe das Problem gefunden. Dies hing damit zusammen, dass ein Stil mit minimaler Höhe nur dem Bildschirm "Nur Medien" und (minimale Breite: 1224 Pixel) zugewiesen wurde.

1
RustyJoomla

Im Allgemeinen ist es eine gute Option, Ihren Modulen benutzerdefinierte Klassen und Inhalte hinzuzufügen, die Sie zum Definieren von Haltepunkten für erforderlich halten.
Wie "col-sm-12 col-md-6 col-lg-4"

(Alle drei werden in Ihrer benutzerdefinierten Klasse zusammengefasst, um Unterbrechungspunkte zu diktieren.) Oder Sie entscheiden sich, Ihre Unterbrechungspunkte zu diktieren. Auf diese Weise schreiben Sie keine zusätzlichen Medienabfragen mehr und passen vorhandene nicht mehr an.

In diesem Beispiel würde Ihr Element also mit der vollen Breite des Mobilgeräts beginnen, dann mit der halben Breite des Tablets und dann mit der 1/3-Breite des Großbildschirms.

Siehe Bootstrap docs für weitere Informationen

2

Zwei Dateien haben einen doppelten Schrägstrich

<link rel="stylesheet" href="//media/jui/css/bootstrap.min.css" type="text/css" />
<link rel="stylesheet" href="//media/jui/css/bootstrap-responsive.css" type="text/css" />

Diese beiden werden möglicherweise nicht richtig geladen.

1
Simon