javascript - ブートストラップモーダルの使用に関する問題: 不良行

Question

私は自分のウェブサイトにモーダルを開くログインボタンを作成しています。B/ci は AJAX 経由でコンテンツをロードする必要があるため、ブートボックスを使用して初期化します。次に、ロードしたコンテンツをモーダルに入れます。しかし、フッターの上部にあるはずの行が真ん中にあります。

Firefox の開発ツールを使用して最終的な html をコピーしようとすると、うまくいきます。ブートウォッチのテーマ以外のすべてのスタイルシートのリンクを解除すると、同じ問題が発生します。ここに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');
            }
        })
    })

実際の例もご覧ください: http://polar-wave-4072.herokuapp.com/