Bootstrap响应网格列未清除

问题描述 投票:0回答:1

我需要制作一个简单的响应式Bootstrap Grid,但是我被卡住了。。

我有3列,其中1 =标题,2 =带有高度的图像和3 =动作按钮。

在移动设备上,每个列的宽度为12,在大屏幕上为6

MOBILE

1 HEADER
2 IMAGE
3 ACTION

大屏幕

1 HEADER 2 IMAGE WITH HEIGHT
         2 IMAGE
3 ACTION

我需要使3 ACTION div不被2 IMAGE DIV清除。

预期:

1 HEADER 2 IMAGE
3 ACTION 2 IMAGE

对不起,我英语不好。你能帮助我吗?

html bootstrap-4 responsive-design grid grid-system
1个回答
0
投票

使用Bootstrap中的网格布局无法立即使用此用例。但是我们可以通过重复的“ action” div来实现这一点,可以在所需的断点上进行切换。

© www.soinside.com 2019 - 2024. All rights reserved.