Bootstrap - Container Breite Vs verfügbar Bildschirm Breite

Question

Ich bin ein Designer und versuche, die Ausgabe für Entwickler mit Bootstrap zu produzieren.

Versuchen, meinen Kopf um den Unterschied zwischen der Gerätegröße und der Containergröße zu wickeln.

Für einen festen Behälter - Die empfohlene Größe ist 992 px und der Behälter ist 960 px.

Sollte ich für den ganzen 992 px entwerfen? oder Sollte nur Designs innerhalb der Containergröße - 960px platzieren? Kann die Containergröße in einem festen Layout auf 992 px geändert werden?

Danke!

Answer 1

Es klingt wie Ihre Website auf der Seite zentriert wird.

Wenn Sie zufrieden sind mit den Containergrößen, die Bootstrap standardmäßig verwendet, würde ich für sie entwerfen und Ihre Designs innerhalb von 960px (für große Bildschirme) halten. Der zusätzliche Platz an den Seiten wirkt wie ein Bugger, so dass Ihre Website nicht gegen die Seite des Bildschirms gedrückt wird, was dazu führen kann, dass Ihre Designs zerknittert und überladen erscheinen.

Seien Sie sich bewusst, dass Bootstrap nicht Ihr einziger Style Guide ist. Jedes Projekt hat andere Anforderungen. Wenn Ihr Projekt von verschiedenen Containergrößen profitieren würde, können Sie diese Stile gerne für Ihre Zwecke überschreiben. Aus genau diesem Grund enthalten sie ihren Quellcode in SASS, und Sie können die Stile in Ihrem eigenen Stylesheet nachher jederzeit überschreiben.

Beim Entwerfen Ihrer Benutzeroberfläche bin ich nicht sicher, wie Ihre UI-Elemente aussehen, aber wenn Sie für ein reaktionsfähiges Medium entwerfen, stellen Sie sicher, dass sie mit der Gewissheit skalieren, dass Ihre Benutzeroberfläche skaliert wird. Bemühen Sie sich, Elemente zu entwerfen, die nicht auf eine feste Breite angewiesen sind. Lassen Sie Ihre Elemente fließen und in Ihre Komponenten einbinden.