响应性在Bootstrap中无法正常工作

时间:2014-06-30 09:38:55

标签: html css twitter-bootstrap responsive-design

我有一个侧边栏设置有bootstrap的页面。当我在浏览器中缩小页面宽度时,侧边栏从FULL开始 - >崩溃 - >随着宽度减小,TOPBAR(适用于手机等小屏幕)

但奇怪的是,当我在手机中访问它时,我只看到侧边栏的COLLAPSED版本,而在那个小屏幕上我应该看到TOPBAR。

我无法理解如何调试它,因为它可以在我的PC浏览器中正确地减小宽度!

任何明智的CSS都会在这里知道问题可能是什么?您可以查看示例页面here

1 个答案:

答案 0 :(得分:1)

请将以下元标记添加到不带此标记的保密设备,此响应式设计无法在移动设备中使用:在< head>之间添加标签

<meta name="viewport" content="width=device-width, initial-scale=1">