小编X.V*_*.Vu的帖子

视口大小较小时,表单字段会重叠.当空间不足时,有没有办法在下一行捕捉表单字段？

代码片段:

<form class="compact">
          <div class="row">
            <div class="col-xs-6">
              <section class="form-block">
                <div class="form-group">
                  <label for="aForm_1">This is a form field</label>
                  <input type="text" id="aForm_1" placeholder="Enter value here" size="45">
                </div>
              </section>
            </div>
            <div class="col-xs-6">
              <section class="form-block">
                <div class="form-group">
                  <label for="aForm_2">Overlapping Text</label>
                  <input type="text" id="aForm_2" placeholder="Enter value here" size="45">
                </div>
              </section>
            </div>
          </div>
        </form>

这是plunker:https://embed.plnkr.co/ynfi39fIMk1bc8bSBHAp/

重叠的文字