bootstrapV4的flex grow属性是否有不同的大小？

Question

我试图在我的项目中使用bootstrapV4。我知道＆＃39; flex-grow-1＆＃39;可用对应于flex-grow：1。但是flex-grow-2，flex-grow-3似乎不可用。

如果这门课程可用，你能告诉我吗？如果没有，我可以知道原因吗？

Answer 1

在引导程序版本 4.1 中添加了

flex-grow-* 。 在当前版本（4.1.1）中，只有 flex-grow-1 和 flex-grow-0 。

＆＃13;

＆＃13;

.flex-grow-0 {
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}

.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}

＆＃13;

＆＃13;

＆＃13;

flex-grow-*

也存在响应式变化

• 的 .flex-sm-grow-*
• 的 .flex-md-grow-*
• 的 .flex-lg-grow-*
• 的 .flex-xl-grow-*

仅供参考，它也适用于flex-shirnk。只有 flex-shrink-1 和 flex-shrink-0 以及它们的响应式变体。

＆＃13;

＆＃13;

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}

＆＃13;

＆＃13;

＆＃13;