Unterschiede zwischen dem Bootstrap-flex, Bootstrap-Raster und Bootstrap-Neustart

Question

In der neuesten Version von Bootstrap (aktueller Version zum Zeitpunkt der Fragestellung ist bootstrap@4.0.0-alpha.5) gibt es 3 verschiedene Dateien und ein Standard ein:

1. Bootstrap-flex.css
2. Bootstrap-grid.css
3. Bootstrap-reboot.css
4. bootstrap.css

Sind die ersten 3 Dateien eine Erweiterung auf bootstrap.css (# 4)?

Ich kann mir vorstellen, dass die bootstrap-flex die Eigenschaften von CSS Flexbox verwenden, bootstrap-grid ist wahrscheinlich die alte und bereits bestehende Art und Weise, aber was ist bootstrap-reboot?

Welche muss ich aufnehmen (besonders dann, wenn ich ng-bootstrap mit Angular 2 verwende)?

Answer 1

Werfen Sie einen Blick auf die source:

bootstrap-flex.scss

Bootstrap mit Flexbox aktiviert

alle Einfuhren aus der Standard-Bootstrap-Projekt beinhaltet, ist aber ermöglicht die Flexbox Variable.

bootstrap-grid.scss

Bootstrap Gitter nur

relevante Variablen und Mixins für die reguläre (nicht FlexBox) Gittersystem umfasst, sowie die erzeugten vordefinierten Klassen (zB .col-4-sm) .

bootstrap-reboot.scss

Bootstrap Reboot nur

nur zurückgesetzt Normalisieren und unsere eigene Reboot Includes.

bootstrap.scss

Die Hauptbibliothek Bootstrap

Und die Antwort ist ja, die ersten 3-Dateien sind für Bootstrap optional.

Das erforderliche Minimum ist bootstrap.css, es enthält bereits bootstrap-reboot.

Ersetzen Sie durch , wenn Sie nur das Raster des Bootstrap wollen.

Ersetzen Sie durch bootstrap-flex, wenn Sie Bootstrap mit Flexbox verwenden möchten. Es ist bootstrap.css mit Flexbox-Funktionen.

Answer 2

Wie @Nan sagte: Ja, die -reboot, -flex und -grid-Dateien erweitern die primäre bootstrap.css und wenn Sie eine von ihnen verwenden, dann ist diese Datei die einzige, die Sie aufnehmen müssen.

Soweit der ng-Bootstrap-Teil Ihrer Frage, ich benutze das gleiche und ich habe nur die bootstrap.min-Datei enthalten, wie ich flexbox nicht planen und ich brauche mehr als die Grid-Stile .

Hoffentlich fügt das ein wenig Klarheit darüber hinzu, was im Kontext Ihrer Frage unbedingt notwendig ist.