Bootstrap flex嵌套行并排放置,而不是一个接一个地放置

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

我正在尝试进行简单的引导嵌套行定位,但我不明白为什么我的行并排放置,而不是将一个并排放置的典型和理想行为。我尝试在fiddlejs上复制它,并且按预期方式工作,但是在我的真实项目中,某种程度上表现出奇怪的感觉(对我而言),请参阅屏幕截图。绿色和红色框显示嵌套在一列下的行。每行都有一个包含内容的列。原因可能微不足道,但我无法弄清楚。谢谢my page with problematic nested rows

nested grid rows positioning
1个回答
0
投票

我发现了导致问题的原因。 .input-group类不能与.col类一起很好地工作,从而导致嵌套行不能一堆又一堆地堆叠。删除.input-group就可以了。Page with proper rows stack alignment

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