html - Bootstrap 3.0 Modal では、スクロール バーは無効になっていますが、まだスペースを占有しています

Question

この質問はこれに関連しています:-

この Bootstrap 3.0 Modal デモで 2 つ目の垂直スクロール バーが表示されるのはなぜですか?

Ok。.modalクラスルールをオーバーライドしましたoverflow-y:-

.modal {
    overflow-y: auto !important;
}

しかし、モーダルが開いたときにスクロールバーが表示されません。それはいいです。それが私が要求したものです。ただし、それでもスペースが消費され、モーダルが開くたびにページが左に移動します。

スクリーンショット:-

解決策はありますか？

Answer 1

犯人逮捕。Bootstrap は、次の名前とルールを使用して、ボディとその他の領域にクラスを追加します。

body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
     margin-right:15px;
}

また、このクラスを次のようにオーバーライドすると問題ありません。

body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
     margin-right:0px;
}