Bootstrap 4 Flex Grid System nur

Question

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?

Answer 1

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.

How it works:

Wenn Sie zu Hause Variablen in Sass-oder jede andere CSS Präprozessor-Sie stimmen mit Modifizieren in Flexbox Modus zu bewegen vertraut sind.

1. Öffnen Sie die _variables.scss Datei und finden Sie die $enable-flex Variable.
2. Ändern Sie es von false zu true.
3. 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.

Answer 2

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

Answer 3

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.

Answer 4

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.

Answer 5

wenn Sie nur Flex-Grid verwenden möchten. Ich empfehle

https://www.flexible-grid.com

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