Stop Bootstrap unter einer minimalen Breite

Question

So habe ich ein böses Projekt in meiner Hand mit viel Bootstrap drin. Die Sache ist, ich muss bei einem bestimmten 1024px sperren und ich kann nicht darüber nachdenken, wie. Ich sperre den Körper bei 1024px, aber Bootstrap ändert immer noch das Layout bezüglich der Breite und ich kann nicht einfach alle Spaltenklassen entfernen, um nur 1 zu verwenden, da es sich nicht mehr anpassen würde.

Welche Ideen könnte ich verwenden, um dies zu erreichen?

Answer 1

Bootstrap ist so konzipiert, dass es zuerst mobil ist und eher nach oben als nach unten skaliert wird.

Sie könnten dies umkehren, indem Sie viele feste Werte in Ihrer eigenen CSS-Datei haben, die die Bootstrap-Medienabfragen unter 1024 überschreiben. Im Wesentlichen wäre dies eine Menge Arbeit, da Sie das erste Bootstrap-Design rückgängig machen würden.

Answer 2

Dies war already asked on SO, und die Schritte, um Bootstrap 3 nicht reagierend zu machen sind described in the docs. In Ihrem Fall klingt es so, als würden einfach die col-xs-* Klassen funktionieren, da diese Spalten nicht vertikal gestapelt werden und "das Layout ändern". Aus der Dokumentation:

Für Raster-Layout, .col-xs- * Klassen zusätzlich zu oder anstelle von der mittel/groß denjenigen verwenden. Keine Sorge, das extra kleine Geräteraster skaliert auf alle Auflösungen.

https://www.codeply.com/go/g1dEHU6EOX

Answer 3

Sie können Ihre eigene angepasste Bootstrap CSS (create one here) statt des ursprünglichen/regulären verwenden. Ändern Sie im Abschnitt "Medienabfrage-Haltepunkte" einfach @screen-xs, @screen-sm und @screen-md zu 1024px und laden Sie dann die angepasste Version herunter.