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

缩小视窗时将第二列放在顶部

bootstrap-4 flexbox css

-1

ChrisNY · 技术社区 · 7 年前

那很容易。但是对于窄视图,它们应该与(2)图像叠加在顶部,然后在左侧列(1)的下面,在右侧列(3)的下面

我使用的是bootstrap 4.1,但也可以使用普通的flexbox-如果我知道如何。。。

有什么想法吗?

1 回复 | 直到 7 年前

1

0

Charu Maheshwari 7 年前

你需要用的是“ https://getbootstrap.com/docs/4.1/utilities/flex/#order 将元素设置为mobile first(窄视区),然后更改Tablet和桌面视图中元素的顺序。