Html CSS Flex基础孙子_Html_Css_Flexbox_Bootstrap 4

Html CSS Flex基础孙子

html css bootstrap-4

Html CSS Flex基础孙子,html,css,flexbox,bootstrap-4,Html,Css,Flexbox,Bootstrap 4,我很难让它发挥作用 div{ 最小高度：100px； } .集装箱{ 宽度：100%；显示器：flex；柔性包装：包装；填充：10px； } .分箱{ 宽度：50%；显示器：flex； } .孩子，孙子{ 弹性基准：50%； } 黄先生{ 背景颜色：黄色； } 瑞德先生{ 背景色：红色； } 格林先生{ 背景颜色：绿色； } 1. 2. 3. 4. 我不确定我是否得到了这个，但你想要3和4与1和2完全一样吗？如果有的话，给你： div{ 最小高度：100px； } .集装箱{ 宽度

我很难让它发挥作用

div{
最小高度：100px；
}
.集装箱{
宽度：100%；
显示器：flex；
柔性包装：包装；
填充：10px；
}
.分箱{
宽度：50%；
显示器：flex；
}
.孩子，孙子{
弹性基准：50%；
}
黄先生{
背景颜色：黄色；
}
瑞德先生{
背景色：红色；
}
格林先生{
背景颜色：绿色；
}


1.
2.
3.
4.

我不确定我是否得到了这个，但你想要3和4与1和2完全一样吗？如果有的话，给你：

div{
最小高度：100px；
}
.集装箱{
宽度：100%；
显示器：flex；
柔性包装：包装；
填充：10px；
}
.分箱{
宽度：50%；
显示器：flex；
}
.孩子，孙子{
弹性：1；
背景色：红色；
}
黄先生{
背景颜色：黄色；
}
瑞德先生{
背景色：红色；
}
格林先生{
背景颜色：绿色；
}


1.
2.
3.
4.

我不确定我是否得到了这个，但你想要3和4与1和2完全一样吗？如果有的话，给你：

div{
最小高度：100px；
}
.集装箱{
宽度：100%；
显示器：flex；
柔性包装：包装；
填充：10px；
}
.分箱{
宽度：50%；
显示器：flex；
}
.孩子，孙子{
弹性：1；
背景色：红色；
}
黄先生{
背景颜色：黄色；
}
瑞德先生{
背景色：红色；
}
格林先生{
背景颜色：绿色；
}


1.
2.
3.
4.

我想要的就是这个包装器不改变元素定位

当您在

列-*

元素周围添加

.wrapper

时，您将打破引导结构，其中

行

列-*

具有父/子关系，顺便说一句，Flexbox也具有这种关系

这意味着，你不能告诉flex父母的孙子从它的宽度拾取

如果您改为在

标签

输入

周围添加

.wrapper

，则布局将与没有

.wrapper

的布局相同

堆栈片段

.wrapper{
背景：红色；
}


电子邮件
密码