引导3网格:一行内列下的列
引导3网格:一行内列下的列
提问于 2013-12-27 22:04:40
我有以下HTML代码：
<div class="row">
<div class="col-lg-3">
<div class="panel panel-default">
<div class="panel-body">
Panel 1 (left)
</div>
</div>
</div>
<div class="col-lg-6">
<div class="panel panel-default">
<div class="panel-body">
Panel 2 (center)
</div>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="panel panel-default">
<div class="panel-body">
Panel 3 (right)
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-3">
<div class="panel panel-default">
<div class="panel-body">
Panel 2-2 (under panel 2)
</div>
</div>
</div>
</div> 最终结果应该如下所示：
它可以工作，但是如果3号面板的高度比面板1或2大，我就知道：
我怎么才能修好它？
回答 1
Stack Overflow用户
回答已采纳
发布于 2013-12-27 22:13:29
这就是你应该怎么做的，在第2小组下嵌套第2-2小组，而不是让它躺在最后，这不是你想要的。下面是Bootply:http://bootply.com/102721
码
<div class="row">
<div class="col-lg-3">
<div class="panel panel-default">
<div class="panel-body">Panel 1 (left)</div>
</div>
</div>
<div class="col-lg-6">
<div class="panel panel-default">
<div class="panel-body">Panel 2 (center)</div>
</div>
<div class="col-lg-3">
<div class="panel panel-default">
<div class="panel-body">Panel 2-2 (under panel 2)</div>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="panel panel-default">
<div class="panel-body">Panel 3 (right)
<br>Panel 3 (right)
<br>Panel 3 (right)
<br>Panel 3 (right)
<br>Panel 3 (right)
<br>Panel 3 (right)
<br>Panel 3 (right)
<br>Panel 3 (right)
<br>Panel 3 (right)
<br>Panel 3 (right)
<br>Panel 3 (right)
<br>
</div>
</div>
</div>
</div>Demo
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/20808441
复制相关文章
相似问题
腾讯云开发者
