问题描述
所以我有 2 列,每列有 2 个面板.每列是 50% (col-md-6),里面有 2 个具有折叠功能的面板.折叠工作正常,但我遇到的问题是,如果我展开面板,左下角的 div 移动得太低,并在面板 1 和 3 之间产生巨大的间隙.
这就是我展开面板 1 时发生的情况. 1 和 3 之间的间隙无缘无故有很多空白.我似乎想不出修复它的方法.
panel1 |面板 2||面板 4|面板3 |
虽然看起来不像,但这就是实际发生的事情.面板 3 被推到右侧,面板 4 被推到一个新行.
panel1 |面板 2||面板 3|面板4 |
您的 container
和 col-sm-6
之间缺少 row
div.这将防止列被推来推去.
<div class="row"><!--添加行--><div class="col-sm-6"><div class="panel panel-primary">1