Bootstrap3でmodalを使用するとズレる時に設定したいCSS

Yukimi Sato 4,037views 更新:2014年6月9日
body.modal-open{
padding-right:17px;
}

modalを開いたときにスクロールバー分だけズレてしまう為、閉じるときにもズレが発生し、表示が気になる方向けです。
スクロールバーの幅17px分だけ開いた時にpaddingを取るようにしています。
FirefoxとChromeで確認済、必要であればブラウザごとに別途設定してください。

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません