为什么引导程序在小屏幕上不起作用？

Question

我正在使用Bootstrap开发应用程序，但这并不能在小屏幕上正常工作。这在PC浏览器等大屏幕上都可以正常使用，但是当我在移动浏览器中打开它时，则没有任何选项卡被打开。在PC浏览器中，我以localhost：8080 / sms的身份打开该应用程序，然后此应用程序打开，所有选项卡均正常运行。如果我在mobile localhost：8080 / sms中以类似方式进行此操作，则仅默认选项卡有效因为该课程是活动的。但是，当您单击选项卡时，什么也不会发生。即使这个应用程序在小screen不起作用。

http://jsfiddle.net/javalover_stackoverflow/4GP9c/251/

Answer 1

当屏幕变小使其无法单击时， <div id="myModal">将显示在选项卡上方。

模态上的.fade类不足以隐藏它

我像这样<div id="myModal" class="modal fade hide"更新了它

我添加了.hide类

这是更新的小提琴： http : //jsfiddle.net/4GP9c/256/