Является ли хорошей практикой использование компоновки angular-Flex + формы Bootstrap в angular 4 вместо использования bootstrap 4 flex?

Question

Хотите знать, является ли хорошей практикой использование компоновки angular-Flex + форм Boostrap в угловых 4 вместо использования bootstrap 4 flex?

Answer 1

Вы можете без проблем объединить эти две библиотеки.

Если вы хотите, чтобы размер файла вашего пакета был небольшим, вы можете импортировать только те части библиотеки Bootstrap, которые вы используете - при условии, что вы используете scss.

Например, чтобы импортировать только формы, в вашем style.scss:

@import "~bootstrap/scss/bootstrap-grid";

Если вы используете обычный CSS, вам потребуется немного усилий, чтобы создать этот файл самостоятельно..

Answer 2

Оба хороши, хотя Bootstrap flex / grid layout используется гораздо чаще, чем Angular-flex.

Более того, не полагайтесь ни на одну из неуклюжих библиотек, упомянутых выше.Узнайте, как работать с ванильным CSS / SCSS / LESS, поскольку flexbox изначально доступно на CSS.

Вот вам демо .Вот как вы можете выровнять элементы в гибком контейнере по вертикали и горизонтали.

.flex-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
}