Javascript 引导模式窗体，Div不包含窗体

我需要帮助弄清楚为什么div标记没有像应该的那样包含表单

<div class="modal-body">
                <form class="register" name="register">
                    <div class="form-group col-md-6">
                        <input type="text" placeholder="First Name" class="form-control" id="firstName">
                    </div>
                    <div class="form-group col-md-6">
                        <input type="text" placeholder="Last Name" class="form-control" id="lastName">
                    </div>
                    <div class="form-group col-md-6">
                        <input type="text" placeholder="Email Address" class="form-control" id="emailAddress">
                    </div>
                    <div class="form-group col-md-6">
                        <input type="text" placeholder="Birth Day mm/dd/yyyy" class="form-control" id="birthday">
                    </div>
                </form>                                         
            </div>

这是有关特定div的代码。如果您对此有任何想法，这将非常有用

你可以看到，和。要查看有问题的行为，请将结果框调整为中等显示

---

所有的js和css都是默认引导，除非我创建了自己的css。

为什么会发生这种情况：

发生此问题的原因是

col XX XX

类浮动元素。浮动会导致带有字段的

div

s溢出其包含的

div

（

.modal body

）

如何修复它：

在添加列（

.col-md-6

）时，应将它们放置在一行（

.row

）中。将类

.row

添加到表单中，让引导发挥其魔力：

<form class="register row" name="register">

---

这将解决问题，正如您在这个JSFiddle上看到的：

您面临的确切问题是什么？这是另一种形式吗？你能显示更多的html吗？如果您可以提供一个JSFIDLE，那么查看模态在哪里更好是很有帮助的。其中的表单没有包装表单输入。在浏览器中运行时，输入不在模态体中。它们只是漂浮在形式之外。非常感谢。这帮了大忙

.modal-body {
    height:auto;
    overflow:auto;
}