在angular 4中使用angular-Flex布局+ Bootstrap表单而不是bootstrap 4 flex是一种好习惯吗？

Question

想知道在angular 4中使用angular-Flex布局+ Boostrap表格而不是bootstrap 4 flex是否是一个好习惯吗？

Answer 1

您可以毫无问题地组合这两个库。

如果您想减小捆绑文件的大小，则只能导入您使用的Bootstrap库的部分-假设您使用scss。

例如，要仅导入表单，请在您的style.scss中：

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

如果您使用的是普通的CSS，则需要一点点努力才能自己构建此文件。

Answer 2

两者都很好，尽管Bootstrap的flex / grid布局比Angular-flex更常用。

更好的是，不要依赖您上面提到的任何笨拙的库。了解flexbox在CSS上的固有功能，以了解如何使用普通CSS / SCSS / LESS。

给您一个demo。这样您可以在Flex容器中垂直和水平对齐项目。

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