代码之家  ›  专栏  ›  技术社区  ›  Manoj

bootstrapv4的flex grow属性有不同的大小吗?

  •  0
  • Manoj  · 技术社区  · 6 年前

    我想在我的项目中使用bootstrapv4。我知道'flex-grow-1'是可用的,对应于flex-grow:1。但是flex-grow-2和flex-grow-3似乎不可用。

    你能告诉我这节课是否有空吗?如果没有,我可以知道原因吗?

    1 回复  |  直到 6 年前
        1
  •  1
  •   mahan    6 年前

    flex-grow-* 在引导版本中添加 四点一 . 在当前版本(4.1.1)中,只有 flex-grow-1 flex-grow-0 .

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

    响应变化也存在于 弯曲生长

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

    仅供参考,它适用于 flex-shirnk 也是。只有 flex-shrink-1 flex-shrink-0 以及它们的响应变化。

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