为什么html字段集元素不能正常工作？

我有一个页面可以呈现四个文本框。前三个文本框应按引擎设置进行逻辑分组。因此，我使用

标记对控件进行相应的分组。但是，

似乎在

的“发动机设置”文本下方显示了一条水平线（下面的屏幕截图）

我想知道为什么它不起作用？我是否在html或样式规则定义中遗漏了某些内容？另外，我在SO中找不到任何相关问题。我是HTML和CSS的新手，所以请耐心听我说

页面中html元素的片段，带有我为

元素定义的样式规则

.hm属性{
边缘顶部：10px；
}
.hm字段集{
边缘顶部：12px；
宽度：505px；
高度：175px；
}
.hm传奇{
字体大小：15px；
字体大小：正常；
字体系列：“Helvetica Neue”，Helvetica，Arial，无衬线；
字体大小：14px；
颜色：#555；
}

热图引擎编辑器：
加载…..
发动机设置：
目标文件夹：
完整性刷新率：
源文件夹路径：
GUI文件位置路径：

随附boostrap，您可以将样式更改为以下样式：

.hm财产{
边缘顶部：10px；
}
.hm字段集{
边缘顶部：12px；
宽度：505px；
高度：175px；
边框：1px凹槽#ddd！重要；
填充：0 10px 10px 10px！重要；
}
.hm传奇{
字体大小：15px；
字体大小：正常；
字体系列：“Helvetica Neue”，Helvetica，Arial，无衬线；
字体大小：14px；
颜色：#555；
边框底部：无；
填充：0 10px；
宽度：自动；
}
热图引擎编辑器：
加载…..
发动机设置：
目标文件夹：
完整性刷新率：
源文件夹路径：
GUI文件位置路径：

在不使用任何样式表的情况下，字段集将正确显示。刚刚使用提供的CSS进行了测试。我可以知道您在页面中使用的外部样式表吗？@Xufox，预期结果应该类似于windows窗体中的groupbox。问题是它没有按应有的方式显示。@PhaniKumarM我就是这么想的，

标记应该显示，并且周围有边框，没有任何样式规则。但是，我的情况不是这样的。我使用的其他外部样式表来自引导。我猜其他样式规则已经覆盖了

元素。是的，引导将覆盖字段集的样式。