我在使用Bootstrap 3.0.0定向的单个fieldset元素中有多个form元素，因此我有三个不同的列。我对表单在较小视口大小中显示的方式没问题。但是，我希望fieldset在视口大小更改时始终彼此对齐。我并不特别关注使用Bootstrap 3.0.0。我只是在这里使用它作为例子。 Here是我的傻瓜。一旦我开始在panel元素中使用Bootstrap fieldset，我觉得我正在走错路。
使用Bootstrap 3.x +实现对齐的正确方法是什么？
答案 0 :(得分：0)
上周解决了这个问题，但我想我会更新答案。 fieldset元素在高度和宽度彼此一致时不会彼此“对齐”，因为当内容发生变化时，fieldset大小也会发生变化。实现这种效果的更好方法是删除每个fieldset周围的边框，并在Bootstrap'容器流体'div中包含所有内容。然后可以堆叠其他“容器流体”div元素，以便包含fieldset元素的元素排列在一起。
删除每个字段集周围的边框
fieldset.fs-border {
border: 1px groove #ddd;
...
}
删除对panel类的引用（不知道为什么我首先添加了这些类。如果我想将所有panel元素包装在可折叠的{{{}}}中，则使用fieldset更有用{例如{1}}。）：
panel使用 <fieldset class="col-sm-4 panel panel-primary fs-border">
<legend class="panel-heading legend-border">Primary Contact</legend>
，删除边框，并在包含display:table引用的类中指定此内容。
div如果要堆叠“group”字段集元素，则所有.wide-container {
display: table;
background-color:#d7e0e2;
border: none;
width: 100%;
}
元素将包含在fieldset内。他们的边界似乎都统一排列：
div其中<div id="fieldsetGroup2" class="wide-container container-fluid">
<fieldset id="fieldset1" ...>
</fieldset>
<fieldset id="fieldset2" ...>
</fieldset>
...
</div>
<div id="fieldsetGroup2" class="wide-container container-fluid">
<fieldset id="fieldset3" ...>
</fieldset>
<fieldset id="fieldset4" ...>
</fieldset>
...
</div>
将使内容跨越container-fluid中包含的整个区域。