Wir verwenden Bootstrap mit Standardeinstellungen (d. h. durchgehend 12 Spalten mit einem festen Container und 30-Pixel-Rinnen zwischen den Spalten). Wir verwenden auch Standard-Haltepunkte. Ich möchte meinen Softwaredesignern Raster zur Verfügung stellen, die sie für verschiedene Gerätegrößen verwenden können, und da wir die Standardhaltepunkte von Bootstrap verwenden, haben wir vier Größen: >=1200px, >=992px, >=768px und <768px. Für die kleinste Größe basiere ich Designs auf einer Breite von 320 Pixel (iPhone5).
Sobald wir auf 768 Pixel heruntergekommen sind, funktionieren die Bootstrap-Standardeinstellungen natürlich nicht mehr als Designraster, aber ich bin mir nicht sicher, womit ich sie ersetzen soll. Das von mir gewählte Raster muss ein Faktor von 12 sein, damit jede Spalte im Raster aus mehreren Bootstrap-Spalten bestehen kann. Ich denke darüber nach, ein 4-Spalten-Raster für 768 Pixel und 2 Spalten für 320 Pixel zu verwenden, würde mich aber über Vorschläge zu Best Practices freuen.
Es gibt keine feste Regel oder "beste Zahl" für die Anzahl der Spalten, die in einem Design für kleine Bildschirme wie den von Ihnen erwähnten 320-Pixel-Bildschirm verwendet werden.
Im Allgemeinen werden für diese Breite 1-2 Spalten verwendet, da die Dinge lesbar und anklickbar bleiben, aber es hängt vollständig vom Design und Inhalt jedes Abschnitts ab , wie viele Spalten verwendet werden. Es kann bei Bedarf sogar von Abschnitt zu Abschnitt variieren, was sehr häufig vorkommt.
Es gibt jedoch keine Einschränkung
Meistens werden 4 Spalten für ein mobiles responsives System verwendet.
Es ist von Gerät zu Gerät unterschiedlich. Zum besseren Verständnis können Sie diesen Link verwenden .
Zach Saucier
Martin K