Различия между bootstrap-flex, bootstrap-grid и bootstrap-reboot

В самой новой версии Bootstrap (текущая версия на момент постановки вопроса [email protected]) есть 3 разных файла и стандартный:

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

Являются ли первые 3 файла расширением bootstrap.css (#4)?

Я могу себе представить, что bootstrap-flex используют возможности CSS Flexbox, bootstrap-grid это, вероятно, старый и уже существующий способ, но как насчет bootstrap-reboot?

Какой из них я должен включить (особенно тогда, если я использую ng-bootstrap с угловым 2)?


angular css bootstrap-4 ng-bootstrap twitter-bootstrap-4
person Lonely    schedule 27.11.2016    source источник

Ответы (2)


arrow_upward
11
arrow_downward

Взгляните на исходник:

bootstrap-flex.scss

Bootstrap с включенным Flexbox

Включает весь импорт из стандартного проекта Bootstrap, но включает переменную flexbox.

bootstrap-grid.scss

Только сетка Bootstrap

Включает соответствующие переменные и примеси для обычной (не flexbox) системы сетки, а также сгенерированные предопределенные классы (например, .col-4-sm).

bootstrap-reboot.scss

Bootstrap Только перезагрузка

Включает только нормализацию и наш пользовательский сброс перезагрузки.

bootstrap.scss

Основная библиотека Bootstrap

И ответ — да, первые 3 файла необязательны для Bootstrap.

Минимум требуется bootstrap.css, в него уже входит bootstrap-reboot.

Замените на bootstrap-grid, если вы хотите использовать только сетку Bootstrap.

Замените на bootstrap-flex, если вы хотите использовать Bootstrap с Flexbox. Это bootstrap.css с функциями Flexbox.

person Nhan    schedule 27.11.2016

arrow_upward
1
arrow_downward

Как сказал @Nhan: да, файлы -reboot, -flex и -grid расширяют основной bootstrap.css, и если вы используете один из них, то вам нужно включить только этот файл.

Что касается части вашего вопроса о ng-bootstrap, я использую то же самое и включил только файл bootstrap.min, поскольку я не планирую использовать flexbox, и мне нужно больше, чем стили сетки.

Надеюсь, это добавит немного разъяснений о том, что строго необходимо в контексте вашего вопроса.

person Kate Sowles    schedule 30.07.2017