title: Problems using bootstrap modals : bad line
body: <p>I am creating in my website a login button which opens a modal. B/c i have to load its content via AJAX, I initialize one using bootbox. Then I put the content loaded in my modal. But the line which should be on the top of the footer is in the middle. </p>
  
  <p><img src="https://i.stack.imgur.com/e9mAF.png" alt="bad line"> </p>
  
  <p>If I try to copy the final html using Firefox's development tools, <a href="http://jsfiddle.net/4EQQf/1/" rel="noreferrer">it works</a>. 
  If I unlink all stylesheets but bootstwatch's theme, same problem.
  Here is the js :</p>
  
  <pre><code> $('#login').click(function(event) {
          event.preventDefault();
          bootbox.dialog({
              message: '&lt;img class="col-md-4 col-md-offset-4" src="/images/load/spinner-256.gif" /&gt;',
              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');
              }
          })
      })
  </code></pre>
  
  <p>You might also want to see the working example: <a href="http://polar-wave-4072.herokuapp.com/" rel="noreferrer">http://polar-wave-4072.herokuapp.com/</a></p>