Javascript 使用引导模式时出现问题：线路错误

我正在我的网站上创建一个登录按钮，打开一个模式。B/c我必须通过AJAX加载它的内容，我使用bootbox初始化一个。然后我将加载的内容放入我的模式中。但是应该在页脚顶部的那条线在中间。

如果我尝试使用Firefox的开发工具复制最终的html。 如果我取消所有样式表的链接，除了bootstwatch的主题，同样的问题。 以下是js：

 $('#login').click(function(event) {
        event.preventDefault();
        bootbox.dialog({
            message: '<img class="col-md-4 col-md-offset-4" src="/images/load/spinner-256.gif" />',
            title: "Please login",
            buttons: {
              'cancel':{
                  label: 'cancel',
                  className: 'btn-link'
              }
            }
        });
        $('.bootbox-body').addClass('loading-bb');
        $.ajax({
            url: '/api/ajax/login',
            success: function(data) {

                $('.bootbox-body').html(data)
                $('.bootbox-body').removeClass('loading-bb');
            }
        })
    })

$（“#登录”）。单击（函数（事件）{
event.preventDefault（）；
bootbox.dialog({
消息：“”，
标题：“请登录”，
按钮：{
“取消”：{
标签：“取消”，
类名：“btn链接”
}
}
});
$（'.bootbox body'）.addClass（'loading-bb'）；
$.ajax({
url:“/api/ajax/login”，
成功：功能（数据）{
$（'.bootbox body'）.html（数据）
$（'.bootbox body'）.removeClass（'load-bb'）；
}
})
})

---

您可能还希望看到工作示例：

该水平线属于

.modal footer

元素。它是应用于页脚元素的上边框

但是，问题是您直接在

.bootbox body

元素中使用了列

col-md-12

默认情况下，列向左浮动（对于

width>992px

）。因此，只需将

行

类添加到

.bootbox body

或

.modal body

元素，即可清除模态体末尾的浮动，如下所示：

<div class="bootbox-body row">
    <form class="form-horizontal col-md-12" method="post">
    ....
</div>

....

我要是早点找到你的答案就好了！！