Bootstrap中的网格重叠较小 - 输入字段不可编辑

Question

我正在尝试使用Twitter Bootstrap设置一个简单的表单。问题是大小为“col-md-6”的字段不可编辑，因此不能插入任何值。我认为这是因为“col-md-12”类与较小的类重叠：

我该如何解决这个问题？

<div class="col-md-12">
    <div class="controls">
        <div class="padded">

            <div class="col-md-12">
                <label class="control-label">Firmenname:</label>
                <div class="controls">
                    <input type="text" name="" required="required" />
                </div>
            </div>

            <div class="col-md-12">
                <label class="control-label">Strasse + Hausnummer:</label>
                <div class="controls">
                    <input type="text" name="" required="required" />
                </div>
            </div>


            <div class="col-md-6">
                <label class="control-label">PLZ:</label>
                <div class="controls">
                    <input type="text" name="" required="required" />
                </div>
            </div>

            <div class="col-md-6">
                <label class="control-label">Stadt:</label>
                <div class="controls">
                    <input type="text" name="" required="required" />
                </div>
            </div>

            <div class="col-md-6">
                <label class="control-label">E-Mail Adresse:</label>
                <div class="controls">
                    <input type="text" name="" required="required" />
                </div>
            </div>

            <div class="col-md-6">
                <label class="control-label">Telefonnummer:</label>
                <div class="controls">
                    <input type="text" name="" required="required" />
                </div>
            </div>
            <div class="col-md-6">
                <label class="control-label">Land:</label>
                <div class="controls">
                    <input type="text" name="" required="required" />
                </div>
            </div>

            <div class="col-md-6">
                <label class="control-label">Handelsregister-Nummer:</label>
                <div class="controls">
                    <input type="text" name="" required="required" />
                </div>
            </div>


            <div class="col-md-12">
                <label class="control-label">Facebook Fanseite:</label>
                <div class="controls">
                    <input type="text" name="" required="required" />
                </div>
            </div>

            <div class="col-md-12">
                <label class="control-label">Twitter Profil:</label>
                <div class="controls">
                    <input type="text" name="" required="required" />
                </div>
            </div>

            <div class="col-md-12">
                <label class="control-label">Google+ Seite:</label>
                <div class="controls">
                    <input type="text" name="" required="required" />
                </div>
            </div>

        </div>                                  
    </div>
</div>

Answer 1

我遇到了同样的问题。在堆栈溢出（Input widths on Bootstrap 3）上发现了另一篇文章，其中说“连续将每个'组'包裹起来” - 我尝试了它，它就像一个魅力。

我希望如果你还有它，它会解决你的问题。