That horizontal line belongs to the .modal-footer
element. It is a top border applied to the footer element.
However, the issue is that you've used a column col-md-12
directly within the .bootbox-body
element.
Columns are floated to left by default (for width > 992px
). Hence you have to clear the float at the end of the modal body, simply by adding a row
class to the .bootbox-body
or .modal-body
element, as follows:
<div class="bootbox-body row">
<form class="form-horizontal col-md-12" method="post">
....
</div>