モーダルを開くと、固定コンテンツがシフトするという問題があると思います。
これが例ですhttp://codepen.io/eddywashere/pen/ZpXrxQ
私はOSX、10.11.5、Chrome 53を使用していて、 System Preferences > General > Show scroll bars: always
を持っています。
これはv4の問題https://github.com/twbs/bootstrap/pull/17021のモーダルセクションで追跡されていると思いますが、追跡するためのアクティブな問題は含まれていません。
最後に、モーダル.jsを更新して、本文のパディングではなく、特定のクラスセットのパディングを調整することで、コンテンツのシフトのバグを修正します。
v3の一部であるためにクローズされた問題、 https: //github.com/twbs/bootstrap/issues/14040#issuecomment-244817197を見つけました。
ドキュメントサイトで同じ問題は見られません。私が気付いた唯一の違いは、何かが<body>
要素にstyle="padding-right: 33px"
を追加していることです。 確かに、ドキュメントは固定ナビゲーションバーを使用していないので、おそらくそれはそれと関係がありますか?
したがって、この問題は、ユーザーのスクロールバーの幅を読み取り、 <body>
したがって、固定ナビゲーションバーはposition: fixed;
を持っているため、考慮されません。
これは間違いなく私たちが苦労した興味深い問題です。
X-ref#21800
最も参考になるコメント
したがって、この問題は、ユーザーのスクロールバーの幅を読み取り、
<body>
したがって、固定ナビゲーションバーはposition: fixed;
を持っているため、考慮されません。これは間違いなく私たちが苦労した興味深い問題です。