Różnice między bootstrap-Flex, bootstrap-siatki i bootstrap-restartu

Question

W najnowszej wersji Bootstrap (aktualnej wersji w momencie zadać pytanie jest bootstrap@4.0.0-alpha.5) istnieją 3 różne pliki i standard jeden:

1. ładujący-flex.css
2. ładujący-grid.css
3. ładujący-reboot.css
4. bootstrap.css

Czy pierwsze 3 pliki są rozszerzeniem na bootstrap.css (# 4)?

Mogę sobie wyobrazić, że bootstrap-flex korzysta z funkcji CSS Flexbox, bootstrap-grid jest prawdopodobnie starym i już istniejącym sposobem, ale co z bootstrap-reboot?

Którego muszę dołączyć (szczególnie jeśli używam ng-bootstrap z Angular 2)?

Answer 1

Spójrz na source:

bootstrap-flex.scss

Bootstrap ze schematu flexbox włączona

Zawiera wszystkie importu ze standardowego projektu Bootstrap, ale umożliwia zmienną schematu flexbox.

bootstrap-grid.scss

Bootstrap Siatka tylko

Zawiera odpowiednich zmiennych i wstawek do regularnego (bez schematu flexbox) sieci energetycznej, jak i wygenerowanych predefiniowanych klas (np .col-4-sm) .

bootstrap-reboot.scss

Bootstrap Reboot tylko

zawiera tylko Normalizacja i nasz zresetowane zwyczaj Reboot.

bootstrap.scss

Głównym Bootstrap biblioteka

A odpowiedź brzmi: tak, pierwsze 3 pliki są opcjonalne dla startowej.

Wymagane minimum to bootstrap.css, obejmuje już bootstrap-reboot.

Zamień na bootstrap-grid, jeśli chcesz mieć tylko siatkę Bootstrap.

Zamień na bootstrap-flex, jeśli chcesz użyć Bootstrap z Flexbox. Jest to bootstrap.css z funkcjami Flexbox.

Answer 2

Jak powiedział @Nhan: tak, pliki -reboot, -flex i -grid rozszerzają podstawowe pliki bootstrap.css i jeśli używasz jednego z nich, to ten plik jest jedynym, który musisz uwzględnić.

Jeśli chodzi o część dotyczącą ng-bootstrap, używam tego samego i dodałem tylko plik bootstrap.min, ponieważ nie planuję używać Flexboksa i potrzebuję więcej niż stylów siatki .

Mam nadzieję, że dodaje trochę wyjaśnień na temat tego, co jest absolutnie niezbędne w kontekście pytania.