为什么我的引导程序中的水平形式需要处于完整窗口宽度才能响应

Question

我正在尝试使用bootstrap非常简单地使用联系表单，我希望使用col-md-6在彼此旁边使用电子邮件和名称。我希望它在desctop上查看时显示电子邮件和名字显示在彼此旁边。一切都运行正常，除了当两个表单组，名称和电子邮件彼此相邻时，无法填写它们，就像它们已停用一样。

这是我正在使用的非常简单的代码                                                                                                                                                            名称：                                                                                                     

                             <div class="form-group" class="control-label">
                                <div class="col-lg-6">
                                <label for="contact-email">Email:</label>
                                <input type="email" class="form-control form-control1" id="contact-email" placeholder="Your@example.com">
                            </div>
                          </div>

                          <div class="form-group" class="control-label">
                                <div class="col-md-12">
                                <label for="contact-subject">Subject:</label>
                                <input type="text" class="form-control form-control1" id="contact-subject" placeholder="Subject">
                            </div>
                          </div>

                          <div class="form-group">
                                <div class="col-md-12">
                                <label for="contact-msg" class="control-label">Message:</label>
                                <textarea class="form-control" rows="8" placeholder="Write your message here"></textarea>
                            </div>
                          </div>
                          <div class="col-md-12">
                          <button type="submit" class="btn btn-primary">Submit</button>
                        </div>
                        </form>
                    </div>
                </div>`

提前致谢！

Answer 1

我找到了错误！ 当我遇到这个问题时，我使用了旧版本的bootstrap 3.当我更新到bootstrap 3.0.3时，我使用3.0.0它正在工作！