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不适合屏幕

回答