So in Bootstrap3 hatten wir die "Anpassen und Download" -Option, die wir nur herunterladen konnten, was wir brauchten. Nun, da Bootstrap 4 flexbox unterstützt, möchte ich nur das Flex Grid System von Bootstrap 4 herunterladen und sehe diese Option nicht mehr. Gibt es einen Weg, dies zu tun?Bootstrap 4 Flex Grid System nur
Antwort
An diesem Alpha-Stadium, können Sie zwischen wahr/falsch wechseln Flexbox für die Verwendung von (wenn ein CSS-Präprozessor) gemäß bootstrap V4 Alpha docs
Flexbox Unterstützung hat Bootstrap schließlich kommt. Aktivieren Sie die neuen CSS Layout-Stile mit dem Wechsel einer Variablen oder dem Austausch eines Stylesheets.
Wenn Sie zu Hause Variablen in Sass-oder jede andere CSS Präprozessor-Sie stimmen mit Modifizieren in Flexbox Modus zu bewegen vertraut sind.
- Öffnen Sie die
_variables.scss
Datei und finden Sie die$enable-flex
Variable.- Ändern Sie es von
false
zutrue
.- Neukompilieren, und fertig!
Alternativ, wenn Sie die Quelle Sass Dateien nicht benötigen, können Sie der Standard-Bootstrap zusammengestellt CSS mit der kompilierten Flexbox Variation tauschen. Head to the download page für weitere Informationen.
Wenn Sie SASS/SCSS verwenden, benötigen Sie diese '/ mixins /': 'Variablen, Clearfix, Breakpoints, Grid-Framework, Grid' und' custom' müssen in der Hauptdatei 'grid-bootstrap.scss' gelöscht werden. – JREAM
Möglicherweise gibt es in Zukunft anpassbare Downloads, aber die einzige Möglichkeit ist derzeit, die Variable $enable-flex
zu aktivieren. Hier ist ein Beispiel mit SASS.
$enable-flex:true;
http://codeply.com/go/JbGGN4Ok3A
UPDATE: Ab Bootstrap 4 Alpha 6 ist Flexbox nun der Standard: http://www.codeply.com/go/p/bootstrap_4.0.alpha.6
Zum Zeitpunkt der Beantwortung dieser Frage, wenn Sie die kompilierte herunterladen .zip gefunden here, es kommt mit einem CSS-Ordner, der drei Stylesheets hat,
bootstrap-grid.css
bootstrap-normalize.css
bootstrap.css
Die bootstrap-grid
Datei sonst nur das Raster CSS und hat nichts, was was ist Sie suchen.
können Sie gehen immer auf ihre Github Seite und nur Grid CSS-Datei erhalten:
https://github.com/twbs/bootstrap/tree/v4-dev/dist/css
Wenn Sie manuell navigieren müssen, ist es in der dist/css-Ordner.
wenn Sie nur Flex-Grid verwenden möchten. Ich empfehle
https://github.com/kenangundogan/flexible-grid
flexible-grid/
├── scss
├── flexible-grid.scss
├── _variables.scss
├── _definitions.scss
├── _wrapper.scss
├── _array-list.scss
├── _attribute.scss
├── _grid.scss
└── _normalize.scss
- 1. Bootstrap Grid System Ausgabe
- 2. Bootstrap Grid System Ausrichtung
- 3. Bootstrap-Grid-System col-xs-12 nicht
- 4. Bootstrap Fliesen Grid - 4. Fliese hängt
- 5. Bootstrap 3 Hinzufügen von Dachrinnen zum Grid-System
- 6. Wie macht man horizontale Scroll auf Bootstrap-Grid-System?
- 7. Ein Panel in das Bootstrap-Grid-System einpassen
- 8. min-width für Spalte in Bootstrap Grid-System
- 9. Wie Spalten im Susy Grid System versetzten?
- 10. Wie behandelt man Daten im Grid-System in Bootstrap
- 11. Ändern Bootstrap Anzahl der Spalten im Grid-System
- 12. Bootstrap Grid-System, eine Spalte ist zu lang
- 13. Versuchen, Reaktionsfähigkeit auf eine Website mit Bootstrap-Grid-System
- 14. Verwenden Sie Eltern-Div-Größe für bootstrap reaktionsfähiges Grid-System
- 15. Bootstrap Grid Problem
- 16. Bootstrap Grid Overflow Center
- 17. Ist das Grid-System von Bootstrap nur auf Seitenebene zu verwenden?
- 18. Bootstrap 4 Flüssigkeit Flex-Reihe mit 2 reaktiven Säulen
- 19. Flex 4 Skinning "Bibliothek"
- 20. Bootstrap responsive Grid funktioniert nicht
- 21. Bootstrap Grid Bild beigefügt
- 22. Flex 4 - Scroller Haut
- 23. Grundlegende Twitter Bootstrap Grid glitch
- 24. flexbox grid unter zentriertem flex artikel
- 25. Bootstrap Grid mit HTML5 Abschnitte und Beiseite
- 26. Adobe Flex 4 Texthöhe
- 27. Flex 4 slidedown Effect
- 28. Flex 4 Scroller
- 29. Flex 4 Anwendung Scrollbar
- 30. Bootstrap Grid Spalte Division Dosis nicht funktionieren
v4 noch in _alpha_ Stadium ist - so würde ich erwarten, dass sie auf die Kernentwicklung konzentrieren/Bugfixing für jetzt, und Customizing-Funktionen später hinzufügen. – CBroe