[英]Why bootstrap is not working in small screens?
i am developing an app using bootstrap but this is not all working in small screens.This works perfectly in big screens like that of PC browser but when I open it in mobile browser then none of the tab gets opened.i am not opening the fiddle in mobile.In the pc browser i open the app as localhost:8080/sms Then this app gets opened up with all tabs functioning properly.If I do this in similar way in mobile localhost:8080/sms then only the default tab is working because the class is active.But nothing happens when you click on the tabs.Even this app is not working in fiddle small screen
. 我正在使用Bootstrap开发应用程序,但这并不能在小屏幕上正常工作。这在PC浏览器等大屏幕上都可以正常使用,但是当我在移动浏览器中打开它时,则没有任何选项卡被打开。在PC浏览器中,我以localhost:8080 / sms的身份打开该应用程序,然后此应用程序打开,所有选项卡均正常运行。如果我在mobile localhost:8080 / sms中以类似方式进行此操作,则仅默认选项卡有效因为该课程是活动的。但是,当您单击选项卡时,什么也不会发生。即使这个应用程序在小
screen
不起作用。
http://jsfiddle.net/javalover_stackoverflow/4GP9c/251/ http://jsfiddle.net/javalover_stackoverflow/4GP9c/251/
<div id="myModal">
is being displayed above your tabs when the screen gets smaller making them unclickable. 当屏幕变小使其无法单击时,
<div id="myModal">
将显示在选项卡上方。
The .fade class on your modal is not enough to hide it 模态上的.fade类不足以隐藏它
I updated it like this <div id="myModal" class="modal fade hide"
我像这样
<div id="myModal" class="modal fade hide"
更新了它
I added thie .hide class 我添加了.hide类
here's the updated fiddle: http://jsfiddle.net/4GP9c/256/ 这是更新的小提琴: http : //jsfiddle.net/4GP9c/256/
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.