Bootstrap3: Почему позиция элемента перемещается вправо при появлении модального наложения

Question

Пожалуйста, взгляните на мой код here и попробуйте нажать меню модальных кнопок.
Как вы можете видеть, меню кнопок и содержимое перемещаются вправо всякий раз, когда скрыта вертикальная прокрутка.
Итак, я попытался this:

body.modal-open{ 
    padding-right: 0; 
    overflow-y: scroll; 
} 

приведенный выше код может держать вертикальный прокрутки видимы, так что кнопка не будет двигаться направо больше.

Но другой проблемой является div.content, она перемещается влево.
Затем я попытался это:

body.content{ 
    padding-right: 0px; 
    overflow-y:scroll; 
    overflow-x:hidden; 
} 

и ничего, кажется, работает. Мне может быть что-то упущено здесь, нужна помощь :)

Answer 1

Кажется, что какой-то скрипт (bootstrap?) Добавляет свойство css padding-right к телу.

Решение: добавить свойство CSS в body, который позволяет избежать этого

body { padding-right:0 !important;} 

Там также modal-open .modal селектор, который добавляет переполнение-у: Свиток, который может вызвать некоторые проблемы перемещения. Если вышеуказанного решения недостаточно, попробуйте добавить

modal-open .modal { 
    overflow-y: hidden; 
} 

как хорошо. Но это не нужно.