Twitter ブートストラップのすべての専門家は、画面に物事を収めるためのレスポンシブな方法があることを知っています。その css クラスを使用すると、ウィンドウのサイズ変更時にすべての要素のサイズが変更されます。
私にとっての問題は、モーダル内の要素の配置にあります。
モーダルのサイズは変更されませんが、内部の要素は変更されます。その結果、ウィンドウのサイズを変更すると、要素がモーダルに収まらなくなります。
誰かがこれを通過しましたか?
Twitter ブートストラップのすべての専門家は、画面に物事を収めるためのレスポンシブな方法があることを知っています。その css クラスを使用すると、ウィンドウのサイズ変更時にすべての要素のサイズが変更されます。
私にとっての問題は、モーダル内の要素の配置にあります。
モーダルのサイズは変更されませんが、内部の要素は変更されます。その結果、ウィンドウのサイズを変更すると、要素がモーダルに収まらなくなります。
誰かがこれを通過しましたか?
私はそれを行う方法を見つけました。
モーダルを開いたら、bootstrap-responsive.css のロードを含む link タグを無効にします。
そのためにjQueryを使用できます:
<link id="lnk_twitter_boostrap-responsive" type="text/css" href="./css/bootstrap-responsive.css" rel="stylesheet"/>
$("#lnk_twitter_bootstrap-responsive").attr("disabled", true);
モーダルを閉じるときに有効にすることを忘れないでください。
これにより、モーダルが開いている間は「責任」が機能しなくなることに注意してください。そのため、自分で責任を負う必要があります。