Bootstrap Modal不適合屏幕

我實際上工作的網站項目應該適合IOS和Android。然後，我的問題：Bootstrap Modal不適合屏幕

在IOS/Android解析：我有一個按鈕，打開一個模式，在一個窗口，其中包含一個表大於分辨率。該表從頁面中消失，但這很正常，而這正是我想要的。該按鈕，當我點擊時，成功打開模式，但這種模式不適合可見屏幕：它適合整個頁面，因此它不完全可見。

我想要的是適合屏幕尺寸的模式。而不是在窗口部分蒙面，我們必須滾動查看。這應該是可能的和現實的，但我嘗試了很多沒有任何成功。

我送U一些截圖，讓你更清楚地看到我的問題：

1 /與按鈕的窗口：「啓動演示模態」 first exemple

2 /當我點擊按鈕的窗口和模態出現 second exemple

我的問題位於第二張照片。我希望模式適合屏幕。

代碼：

<!-- Button trigger modal --> 
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal"> 
    Launch demo modal 
</button> 

<!-- Modal --> 
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> 
    <div class="modal-dialog" role="document"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
     <h4 class="modal-title" id="myModalLabel">Modal title</h4> 
     </div> 
     <div class="modal-body"> 
     ... 
     </div> 
     <div class="modal-footer"> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
     <button type="button" class="btn btn-primary">Save changes</button> 
     </div> 
    </div> 
    </div> 
</div>

我truelly謝謝你任何答案，

來源

2015-10-15 shqnks

...和CSS是基本的Bootstrap或什麼？ –

是的，我將它下載到getbootstrap.com – shqnks

@shqnks在小提琴中重新創建你的問題，http://jsfiddle.net/，創建小提琴並不難，只需打開你有問題的頁面，源代碼，複製呈現的HTML相關代碼，將其放入小提琴中，保存並通過鏈接在此處，它將爲您提供更好的幫助和答案。 – Shehary

您需要添加此媒體查詢。

@media (max-width: @screen-xs-min) { 
    .modal-xs { width: @modal-sm; } 
}

來源

2015-10-15 14:03:41

嗨，謝謝你的答案！我需要在哪裏編寫這段代碼？ – shqnks

編輯：我在

Bootstrap Modal不適合屏幕

回答