Javascript 将表格内的部分分组

我有这个表格，我想把表格分成三个不同的部分。表单的一个部分是您在下图中看到的红色边框周围的部分。我使用了fieldset元素来分隔部分。代码如下：

.field\u集{
边框颜色：黑色；
边框样式：实心；
边框：1px#F00实心；
}

开始
您需要覆盖一些引导样式（请参见下面的代码）

但首先，将图例移到div之外（它不属于div）

要在元素之间获得更多的空间，请将它们包装在类表单组中

<div class="form-group">
    <input type="text" id="ac" class="form-control" name="google-autocomplete" placeholder="" />
</div>

.field\u集{
边框：2px#F00实心；
边界半径：4px；
保证金：.75雷姆；
填充：.75rem；
}
传奇{
填充：4px！重要；
宽度：未设置！重要；
}
开始
0%
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%

border-radius: 4px;