Bootstrap模态线

Question

我正在尝试使用带有大量输入的Bootstrap模态，但我有一个问题，我的模态在div中有modal-body我创建了我的表单col-md-12, inputs, labels, more inputs, etc然后我{{1}使用按钮（关闭并提交），这里的问题是modal-footer创建了一个类似modal-body标记和<hr>的行，假设我的表单控件位于这些行之间，这是我的问题的照片：

以下是代码：

modal-footer

注意：如果窗口调整大小正常，问题就会出现全宽，例如codepen.io的宽度，看看Check this code example or this fiddle and resize window

Answer 1

将col-md-12中的第一个modal-body更改为row类，这将使内容保留在模态正文中