Bootstrap des Grid-Systems reagiert nicht auf Mobilgeräte und andere kleinere Geräte

Question

Ich stoße hier auf ein Problem, wo auf meinem Desktop alles in Ordnung ist, aber wenn es auf Mobilgeräten oder kleineren Geräten läuft, reagiert es nicht vollständig.

Answer 1

Sie fügen eine zusätzliche Klasse zu dem col divs.

<div class="col-lg-3 col-md-12 item6">...</div> 

Die Klasse Item6 hat eine zugeordnete Breite in Pixel (185px), nicht die Ränder zu erwähnen. Wenn sie alle so sind, was ich annehme, werden sie die Reaktionsfähigkeit brechen. Diese eingestellte Pixelbreite überschreibt die Reaktionsfähigkeit (die entsprechend über Prozentsätze eingestellt wird).

Für Dinge zu versuchen, nehmen Sie zuerst die Elementklasse aus der Spalte Divs, und erstellen Sie ein Div in denen, die die Elementklasse hat. Dann müssen Sie diese CSS-Medienabfragen entsprechend anpassen. Sie können auch versuchen, Bootstrap img-responsive Klasse zu verwenden, um zu sehen, ob das Ihrer Ursache hilft.