bootstrap Bildschirmgrößen Dilemma?

Question

Bootstrap hat 4 Bildschirmgrößen md, sm, lg and xs.

Ich habe gerade festgestellt, dass diese Bildschirmgrößen oder Haltepunkte mit der Auflösung ändern.

Ich markierte in meinem Bildschirm die breakpoint of md mit verschiedenen Auflösungen und alle waren unterschiedlich.

Nun, meine Frage ist Wie können wir sicherstellen, dass das Layout ist, was wir wollen, da die Bildschirm Haltepunkte mit Bildschirmauflösungen variieren und verschiedene Geräte unterschiedliche Bildschirmauflösung haben?

Es wäre einfach, wenn die sm, md, lg and xs breakpoints für alle Geräte gleich wären, aber das scheint nicht der Fall zu sein. Ich schätze jede Hilfe bei der Lösung dieses Dilemmas. Vielen Dank!

Answer 1

die Haltepunkte zu vermeiden, können Sie container-fluid statt container Klasse für Ihren enthält DIV-Schalter zu verwenden, wie folgt aus:

<div class="container-fluid"> 
    ... 
</div> 

statt:

<div class="container"> 
    ... 
</div> 

Weitere Informationen finden Sie hier http://getbootstrap.com/css/#overview-container

Answer 2

Bitte beachten Sie, dass alle md, sm, lg und xs mit der gleichen Bildschirmgröße brechen würden eine gute Lösung. Allerdings können Sie das tun -

2 Möglichkeiten, dies zu erreichen: gehen bootstrap.css und alle Verweise finden Referenzen @media und sie auf den gleichen Wert ändern zB @media (max-width: 480px) { ... }

oder andere Art und Weise weniger => CSS neu zu kompilieren ist zu variables.less gehen - gehen 248 auszukleiden: https://github.com/twbs/bootstrap/blob/master/less/variables.less

und aktualisieren Sie die Werte auf allen Bildschirmgrößen. dann kompilieren Sie es und boomen Sie haben es.

hoffe das hilft