Html 为什么最后一个面板在新的生产线上

我对使用面板和COL的Bootstrap3.0有一些问题。 当页面全屏显示时，我希望最后一个面板正好位于第一个面板下方，而不是将其放在一个全新的行中，以减少使用它的用户的滚动。我怎样才能做到这一点

个人详细信息
字段
男性
个人详细信息
字段
男性
个人详细信息
字段
男性
字段
男性
字段
男性
字段
男性
字段
男性
个人详细信息
字段
男性

引导程序的网格是12列，您有16列。将

col-sm-4

，

col-md-4

更改为

col-sm-3

和

col-md-3

以适合12列。

你的意思是这样吗

您只需要将两个面板堆叠在同一列中。当前布局有4列（col-md-4），每列的宽度为33%，超过总宽度的100%。所以，你的最后一列被推到了其他列的下面。但是，如果设置如下，则第一列将包含两个面板：

<div class="col-sm-4">
    <div class="panel">panel 1...</div>
    <div class="panel">panel 2...</div>
</div>

小组1。。。
小组2。。。

您可能还想在面板上再看一看bootstrap的文档：。面板标题和主体应位于主面板分区的内部。现在，面板主体位于面板容器的外部。如果您使用的是灰色背景样式的面板标题，您可能需要考虑仅使用.WELL类（）、

另一项意见—

<div class="col-sm-4 col-md-4"></div> 

这是多余的。您只需要使用col-sm-4，这将适用于小屏幕及以上。如果需要更改较大屏幕上的布局，则只需定义另一个类，例如：

<div class="col-sm-4 col-lg-6"></div>

---

在超小屏幕上跨越12列，在中小型屏幕上跨越4列，在大型及以上屏幕上跨越6列

在添加元素的主体之前，您正在关闭每个元素。。。应该是这样的：哦，是的，我没有看到，我在写示例时很匆忙，谢谢你的更正兄弟：）考虑将你的代码更改为：面板关闭得太早了。非常感谢，但事实上，我想让面板像你展示的那样起球，但不必进行分离，你看到了吗我的意思是。。。？谢谢：）如果您不想在分区周围放置框，那么您可能不想使用面板。只是给你的标题“好”类，或另一个类的风格相应。我想我们不了解对方哈哈。我将使用该列来分隔面板，谢谢sista:-）关于最后一点，让我们回到这个例子：您可以看到，位于新线的面板低于第三个面板高度，我想要的是，仅将面板置于第一个高度不远的下方，我如何实现这一点。。。？

<div class="col-sm-4 col-lg-6"></div>