无法将表单放入Bootstrap中的框内

Question

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

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

我不知道这是否是bootstrap中的错误，或者是否必须进行一些额外的样式。

这是我的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 Answer。