Bootstrap模态表单标签

Question

我有bootstrap模态形式的问题。我希望输入的标签位于输入的顶部，而不是在输入的前面。如果我使窗口变小，那么标签会跳到顶部，如您所见

如果我使屏幕全宽，它会跳到输入旁边：

我对bootstrap网格系统不太熟悉所以我不知道如何设置它。非常感谢帮助。 这是我模态身体的HTML：

selenium

Answer 1

你可以清除网格类col-sm-2＆amp; COL-SM-10。 要么 你可以把col-sm-10改成col-sm-12。

Answer 2

您可以使用班级＆＃34;控制组＆＃34;和＆＃34;控制＆＃34;调整。

类似的东西：

<div class="modal-body">
<form id="form" class="form-horizontal" role="form" method="post" enctype="multipart/form-data"  id="post-form">
    {% csrf_token %}
    <div id="error-div">
    </div>
    <div class="control-group" csrf="{{ csrf_token }}">
      <label class="control-label" for="exam_number">Number</label>
      <div class="controls">
        <select class="col-sm-10" id="exam_number" name="exam_number">
          <option>1</option>
          <option>2</option>
          <option>3</option>
          <option>4</option>
          <option>5</option>
          <option>6</option>
        </select>
        </div>
    </div>
    <div class="control-group">
      <label class="control-label">File</label><br>
          <input  name="exam_file" type="file" accept="*" multiple required>
      </div>
    </div>  
    <div class="form-group">
        <div class="col-sm-offset-2 col-sm-10">
        </div>
    </div>