So ändern Sie die Standard-Rinnenbreite des Bootstrap Fluid Grid 12
Ich suche zu wissen, ob es welche gibteinfach Lösung zum Wechseln der Dachrinne mit auf die bekannteFlüssigkeit Standard 12 Grid Bootstrap System (2.3.0).
Ich bin nicht mit LESS vertraut, aber wenn dies die Antwort ist, beschreiben Sie bitte auch, wie dies geändert werden könnte. Das selbe mit Sass.
Bitte beachten Sie, dass es durchaus akzeptabel ist, die Rinnenbreite zu ändern.um die Hälfte oderein ViertelZum Beispiel, wenn das die Sache einfacher macht.
Folgende Ziele müssen erreicht werden:
Muss in der Lage sein, Bootstrap in Zukunft zu aktualisieren. Dies bedeutet, dass die eigentlichen Bootstrap-Dateien nicht bearbeitet werden.Die Funktionalität sollte für alle anderen Objekte erhalten bleiben.Muss einfach sein. Weniger als 10 Zeilen CSS. Zum Beispiel eine hinzugefügte Klasse oder so.Ich habe den gesamten Stapelüberlauf durchsucht und weiß immer noch nicht, wie ich so etwas machen soll. Nach meinem besten VerständnisWenn Sie einen benutzerdefinierten Bootstrap herunterladen, werden nur benutzerdefinierte Rinnenbreiten für nicht flüssige Gitter angezeigt. Ich habe zuvor mein eigenes Fluid Grid-System programmiert, damit ich die Mathematik verstehe. Ich befürchte jedoch, dass dies Konsequenzen haben könnte, und es wäre hilfreich, wenn bekannte Probleme in Bezug auf Klassenüberschreibungen ausgetauscht werden könnten.
Ich verspreche, Kredit zu geben, wo es fällig ist.
AKTUALISIEREN:
Das Ändern der weniger Variablen, wie in Yodas Antwort beschrieben, ist der richtige Weg. Hat jemand Erfahrung damit, diese weniger Variablen zu ändern? Ich glaube zum Beispiel, dass folgende Variablen geändert werden müssen:
// Fluid grid
// -------------------------
@fluidGridColumnWidth: percentage(@gridColumnWidth/@gridRowWidth);
@fluidGridGutterWidth: percentage(@gridGutterWidth/@gridRowWidth);
// 1200px min
@fluidGridColumnWidth1200: percentage(@gridColumnWidth1200/@gridRowWidth1200);
@fluidGridGutterWidth1200: percentage(@gridGutterWidth1200/@gridRowWidth1200);
// 768px-979px
@fluidGridColumnWidth768: percentage(@gridColumnWidth768/@gridRowWidth768);
@fluidGridGutterWidth768: percentage(@gridGutterWidth768/@gridRowWidth768);
Wie kann man so etwas ändern? Vielleicht:
@fluidGridGutterWidth768: percentage(1.5);
Wenn jemand dies schon einmal getan hat, würde ich mich über einen Schub in die richtige Richtung freuen.