3

Bootstrap 3.2.0 を使用してダイアログを作成しようとしています。モードレスになりたいものを除いて、それらは正常に機能しています。属性を falseに設定しdata-backdrop、フォーカス イベントをデタッチするなど、オンラインで見つけたいくつかの提案を試しました。

$(document).off("focusin.bs.modal");

および/またはタグmodal-openからクラスを削除します。body

これらのことを行った後でも、ウィンドウにコンテンツを表示できますが、ユーザーは Chrome と Firefox ではまったく操作できませんが、IE 10 ではある程度操作できます。

Bootstrap を使用して真にモードレスなダイアログを作成することは可能ですか?

4

1 に答える 1

1

はい、実現できます。この機能デモを見る

モーダル div で、モードレスのクラスを追加します。

<div class="modal fade modeless" ...

次に、CSS を追加します。

.modeless{
    top:10%;
    left:50%;
    bottom:auto;
    right:auto;
    margin-left:-300px;
}

margin-leftがそれを中心にしていることに注意してください。bs モーダルのデフォルト サイズは、幅が 768 ピクセルを超える画面では 600 ピクセルです。使用しているモーダルのサイズに合わせて調整する必要があります。必要に応じて、ブレークポイントをカバーするためにいくつかのメディア クエリを追加することをお勧めします。

HTH-テッド

于 2015-04-29T13:51:52.800 に答える