Css <；输入>；无法使用引导3和列md行单击

我在表单上有一些“col-md-12”div，它们似乎“覆盖”了前面的输入，因此它们不可单击

我用Bootstrap3.0.0创建了一个bootply来说明这个问题

如果我使用Bootstrap3.0.3进行相同的引导，那么现在可以访问输入字段

---

我想知道的是，这是一个已修复的引导错误，还是我的布局违反了某些规则？

如果使用中等大小的列

col md-

，则每个

只能有12个列单位

因此，不要放置超过12个单位的

列md

，而应放置一个

行

---

我假设这是使用columsn、浮动div和传统的网页呈现进行布局的限制。

您需要将col放入带有row类的div中

<form>
      <div class="row">           // HERE
          <div class="col-md-6">
            <label class="control-label col-md-4">Home Phone:</label>
            <div class="col-md-8">
              <input id="contact_detail_home_phone" name="contact_detail[home_phone]" size="30" type="text" value="123 5668" class="form-control">
            </div>
          </div>
          <div class="col-md-6">
            <label class="control-label col-md-4">Work Phone:</label>
            <div class="col-md-8">
              <input id="contact_detail_work_phone" name="contact_detail[work_phone]" size="30" type="text" value="582 5135" class="form-control">
            </div>
          </div>
      </div>
      <div class="row">           // AND HERE
            <div class="col-md-12">
                <label class="control-label">Notes:</label>
                <textarea cols="40" id="contact_detail_notes" name="contact_detail[notes]" rows="4" class="form-control"></textarea>
            </div>
      </div>   
    </form>

//这里
家庭电话：
工作电话：
//这里呢
笔记：

这显然可以解决问题，因此我会将其标记为已回答。我的问题是，不同的用户在notes字段之前会看到不同数量的输入，因此“row”div不是固定的，而是必须编码为以编程方式为每两个输入插入，否则会有间隙。