为什么bootstrap不能在小屏幕上工作?

时间:2013-12-07 10:05:51

标签: javascript jquery css twitter-bootstrap

我正在开发一个使用bootstrap的应用程序,但这并不都是在小屏幕上工作。这在PC浏览器的大屏幕上完美运行但是当我在移动浏览器中打开它时,没有任何标签被打开。我不是在移动设备中打开小提琴。在PC浏览器中我打开应用程序作为localhost:8080 / sms然后这个应用程序打开,所有选项卡都正常运行。如果我在移动localhost中以类似的方式执行此操作:8080 / sms然后只有默认选项卡正在运行,因为该类处于活动状态。但是当您单击选项卡时没有任何反应。即使此应用程序无法在小提琴screen中运行。

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

1 个答案:

答案 0 :(得分:1)

<div id="myModal">当屏幕变小时显示在标签上方,使其无法点击。

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

我更新了<div id="myModal" class="modal fade hide"

我添加了.hide class

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