html - 无法将表单放入 Bootstrap 的框内

Question

我正在尝试创建一个下载表单，用户可以在其中根据日期下载和过滤数据。我希望将表单包装在一个盒子中，如下面的示例所示，来自此链接。

我按照示例代码，将我的表单内容包装在<fieldset>标签内，但我的表单如下所示：

我不知道这是否是引导程序中的错误，或者是否必须进行一些额外的样式设置。

这是我的html代码：

            <form  role="form" method="post">
            <fieldset>
                <legend> Download Details</legend>
                <div class="form-group">
                  <label for="startdate" class="col-sm-2 control-label">Start date</label>
                  <div class="col-sm-10">
                        <select >
                            <option>Select Date --</option>
                        </select>
                  </div>
                </div>

                <br><br>

                <div class="form-group">
                  <label for="startdate" class="col-sm-2 control-label">End date</label>
                  <div class="col-sm-10">
                        <select >
                              <option>Select Date --</option>
                        </select>
                  </div>
                </div>
               <br>
               <button type="submit" class="btn btn-primary">Download</button>
            </fieldset>
        </form>

Answer 1

Bootstrap 正在向其中添加样式fieldset，legend 您可以创建一个样式表来覆盖这些样式并在 bootstrap 之后包含该样式表。

您还可以查看此Stackoverflow 答案。