Html 字段集未在div周围完全显示

我正在使用fieldset在div周围创建有标题的边框

代码如下：

<div class="form-group col-xs-12">
        <fieldset class="field_set col-xs-12">
            <legend style="font-weight:bold;font-size:20px"> &nbsp;Sproc Details:</legend>
            <div class="col-xs-12">
                <div class="form-group col-xs-3">

                    <span>
                        Application Name <span></span>
                    </span>
                </div>
                <div class="form-group col-xs-2">
                    <span>
                        DB Name <span></span>
                    </span>

                </div>
                <div class="form-group col-xs-3">
                    <span>
                        Schema Name <span></span>
                    </span>

                </div>
                <div class="form-group col-xs-4">
                    <span>
                        Sproc Name <span></span>
                    </span>

                </div>
            </div>
            <div class="col-xs-12">
                <div class="form-group col-xs-3">

                    <span class="btn btn-block btn-success">
                        {{appName}} <span></span>
                    </span>
                </div>
                <div class="form-group col-xs-2">
                    <span class="btn btn-block btn-success">
                        {{dbName}} <span></span>
                    </span>

                </div>
                <div class="form-group col-xs-3">
                    <span class="btn btn-block btn-success">
                        {{schemaName}} <span></span>
                    </span>

                </div>
                <div class="form-group col-xs-4">
                    <span class="btn btn-block btn-success">
                        {{sprocName}} <span></span>
                    </span>
                </div>
            </div>
        </fieldset>
    </div>

当我执行此操作时： 我收到的输出如下：

如您所见，它没有完全显示

替换：

<legend style="font-weight:bold;font-size:20px"> &nbsp;Sproc Details:</legend>

存储过程详细信息： 与：

存储过程详细信息：

---

我很确定CSS代码用于类字段集的标记，但我已经有一段时间没有使用CSS了。这就是你想要使用的吗？@Prakar预期的输出是什么？我希望fieldset也在顶部。。就像边框应该环绕一样，你能告诉我，我如何在不引入新线条的情况下在3个div周围创建一个公共边框图例采用全宽来创建效果，因此你需要将其更改为8%，例如。我不明白第二个问题。

<legend style="font-weight:bold;font-size:20px"> &nbsp;Sproc Details:</legend>

<legend style="font-weight:bold;font-size:20px;width:8%;"> &nbsp;Sproc Details:</legend>