ブートストラップ2セットダイアログ/モーダル位置

Question

私はこれを行うための一つの方法見つけた：そうmargin: -335px 0 0 -280pxダイアログの位置を制御するために

使用マージンを、あなたは

http://www.revillwebdesign.com/change-the-height-width-and-position-of-a-modal-in-twitter-bootstrap/

に基づいて、高さの使用最大高さmax-height: 800px; を設定する余白width: 900px; margin: -250px 0 0 -450px;

をリセットする必要があります幅を設定

はこれを行うには良い方法はありますか？この方法または別の方法を使用すると、ダイアログスライドをtop:0pxにスライドさせ、解任されるまでそこにとどまる方法がありますか？

私が言及した最初のマージン設定を使用すると、ブラウザがサイズ変更されるとすぐに表示されなくなります。

Answer 1

単に、例えば

.modal, .modal.fade.in { 
    top: 0; /* was 10% */ 
} 

注意をCSSの位置をオーバーライドし、これはBootstrap 2.2.2です。唯一のマージンは、モーダルの幅の半分である負の左マージンです（モーダルを水平に中央に配置します）。上余白は必要ありません。ここ

jsFiddle例 - http://jsfiddle.net/uuwAn/1/

Answer 2

あなたは、この動作をアーカイブするためにあなたの末尾にCSSを変更することができます。

.modal-body { 
    max-height: 350px; 
    -webkit-overflow-scrolling: touch; 
} 

@media screen and (max-height: 450px), (max-height: 450px) { 
    .modal-body { 
     max-height: 130px; 
    } 

} 

これはモバイルデバイスでうまくいきます。 注：CSSのメディアクエリを使用して完了します。