我刚刚开始使用Twitter Bootstrap API来完成我即将推出的项目.主导航包含3个主要元素:
我在移动设备上查看网站时使用折叠插件折叠网站导航和搜索表单.移动视图有2个按钮,单击此按钮可打开/关闭搜索表单或主导航.
但是,如果我关闭搜索表单然后将浏览器调整为桌面视图,搜索表单仍然隐藏在此视图中？
我已经阅读过有关使用诸如visible-mobile等类的内容,但这些类似乎与崩溃插件冲突.我也意识到我可能会编写自己的CSS黑客来解决这个问题,但我想我会问是否有更简单的解决方案.
Bootstrap有显示,显示,隐藏和隐藏的事件,所以我想也许我可以写一些自定义JS,它会在每个特定的设备视图中显示或隐藏这些项目.但是我不知道如何检测我当时正在使用的设备.
思考？
提前致谢
我需要找到移动设备的设备宽度.虽然我们可以指定内容
<meta name="viewport" content="width=device-width; user-scalable=no" />
但我需要以编程方式获取设备宽度以计算我的应用程序中的某些逻辑.如何获得设备宽度？