Bootstrap 3在移动设备上的响应能力

时间:2013-12-17 10:26:05

标签: html5 css3 mobile responsive-design twitter-bootstrap-3

我正在使用bootstrap 3进行项目,并且我很难在正确的时间折叠导航栏。我没有使用LESS编辑库存引导代码,因此如果是768px则默认崩溃。我已经针对Bootstrap网站测试了我自己的项目,getbootstrap.com和他们似乎是相同的,但是当我在Nexus 4上查看时,他们的导航栏崩溃而我的没有。

他们怎么做到这一点?它以768px的速度在桌面上崩溃,在我的手机上它更加放大和折叠,但是在我的网站上它没有在移动设备上崩溃..?

1 个答案:

答案 0 :(得分:2)

Checkout,您是否添加了此代码?

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

您可以在此处找到更多信息: https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag