Bootstrap-4 flex-grid-system nur

So, in bootstrap3 wir hatten "Anpassen und herunterladen" - option, das konnten wir nur den download von dem, was wir brauchten. Nun, die bootstrap-4 unterstützt flexbox, ich will nur laden Sie das flex-grid-system von bootstrap 4 und ich kann nicht sehen, die option mehr. gibt es eine Möglichkeit, dies zu tun ?

v4 ist immer noch in alpha Phase - so würde ich erwarten, dass Sie konzentrieren sich auf die core-Entwicklung/bugfixing für jetzt, und will hinzufügen, anpassen der Funktionen später auf.
Update die 4.1 kann man herunterladen/verwenden raster nur wie hier beschrieben: stackoverflow.com/questions/50083265/...

InformationsquelleAutor Dara JorJor | 2016-07-31

  1. 2

    In diesem Alpha-Stadium ist, können Sie Umschalten zwischen true/false für die Verwendung von flexbox auf (wenn Sie ein CSS-Präprozessor) als pro bootstrap V4 Alpha docs

    Flexbox-support hat nun endlich Bootstrap. Opt-in, um die neue CSS
    layout-Stile mit dem Streifen der variable oder der swap einem
    stylesheet.

    Wie es funktioniert:

    Wenn Sie vertraut mit der änderung von Variablen in Sass oder andere CSS
    Präprozessor—Sie werden direkt zu Hause zu bewegen, in flexbox-Modus.

    1. Öffnen Sie die _variables.scss - Datei und finden Sie die $enable-flex variable.
    2. Ändern Sie es von false zu true.
    3. Neu kompilieren und fertig!

    Alternativ, wenn Sie brauchen nicht die Quelle Sass-Dateien, können Sie swap
    die default-Bootstrap kompilierte CSS-Datei mit der kompilierten flexbox
    variation. Den Kopf auf die download-Seite für weitere Informationen.

    Wenn Sie mit SASS/SCSS müssen Sie diese /mixins/: variables, clearfix, breakpoints, grid-framework, grid und custom gelöscht werden, die in den wichtigsten grid-bootstrap.scss - Datei.

    InformationsquelleAutor dippas

  2. 5

    Zum Zeitpunkt der Beantwortung dieser Frage, wenn Sie die download zusammengestellt .zip gefunden hier, es kommt mit einem css-Ordner mit drei stylesheets,

    • bootstrap-grid.css
    • bootstrap-normalize.css
    • bootstrap.css

    Den bootstrap-grid Datei hat nur das grid-CSS und sonst nichts, und das ist, was du bist suchen für.

    InformationsquelleAutor Jacob Raccuia

  3. 0

    Kann es sein, anpassbare downloads in der Zukunft, aber die einzige Möglichkeit derzeit ist, damit die $enable-flex variable. Hier ist ein Beispiel für die Verwendung von SASS.

    $enable-flex:true;

    http://codeply.com/go/JbGGN4Ok3A

    UPDATE: Als die Bootstrap-4 alpha 6, flexbox nun standardmäßig:
    http://www.codeply.com/go/p/bootstrap_4.0.alpha.6

    InformationsquelleAutor Zim

  4. 0

    wenn Sie nur wollen, um mit flex-grid. 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
    Bootstrap-4-raster + Bootstrap-4 Neustart -= 40kb Ihre option ist über das doppelte größer hat (also nicht-minified Versionen)

    InformationsquelleAutor kenan gündoğan

Schreibe einen Kommentar