Legen Sie die minimale Breite für die Bootstrap4-Seite fest und zeigen Sie die Schriftrollen an.

Question

Ich erstelle eine Website und sie antwortet nicht vollständig - ich akzeptiere sie.
Ich möchte die minimale Breite für die gesamte Seite auf etwas wie einstellen und horizontale Bildlaufleiste anzeigen, wenn die Bildschirmbreite darunter liegt. Ich habe versucht, zu verwenden:

@media (max-width: 1000px) { 
    body { 
    min-width: 1000px !important; 
    } 
} 

Aber es funktioniert nicht, Scrollbar erscheint aber meine DIVs messed bekommen. Ich benutze Bootstrap 4 mit Sass, gibt es eine Möglichkeit, dieses Verhalten zu erzwingen?

Natürlich werde ich später voll reaktionsfähige Website erstellen, aber jetzt möchte ich dies für mobile und Tablets zu erreichen. Momentan ist meine Navbar unter 1000px total kaputt.

EDIT: Beispiel mit meinem navbar Code codepen, unter 992px es kaputt geht: https://codepen.io/anon/pen/vJgGma

Answer 1

Die Elemente in Ihrem nav schlagen immer 100% Breite unter 992px so gehen sie ganz gleich wickeln, was Sie tun.

Sie müssen die Breiten für Ihre Navigationselemente unter 992 definieren, wenn sie bei 1000 Pixel Breite bleiben sollen. Versuchen Sie, sie auf Prozentsätze zu setzen, die 100% entsprechen, und Sie sollten in Ordnung sein.