html5 - 在手机上启动Bootstrap 3

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

我正在为项目使用bootstrap 3,但在正确的时间折叠导航栏有困难。我还没有使用LESS编辑过股票自举代码,因此默认折叠为768px。我已经在Bootstrap网站,getbootstrap.com上测试了自己的项目,而且它们的外观似乎相同,但是当我在Nexus 4上查看该项目时,其导航栏会崩溃,而我的导航栏不会崩溃。

他们如何做到这一点?它在768像素的台式机上会折叠,在我的手机上会放大并折叠,但是在我的网站上,它在手机上没有折叠。

最佳答案

结帐,您是否添加此代码?

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


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

关于html5 - 在手机上启动Bootstrap 3,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20631600/

相关文章:

javascript - JS过早关闭标签

javascript - 检测移动缩放和默认移动分辨率

angularjs - 使用CSS使用换行符显示格式化的HTML文本

c# - 如何在C#中获取用户的国家/地区名称?

html - html格式的对齐问题

css - 转换比例可在Chrome上运行,但不能在Firefox上运行

html - 强制更小的屏幕缩放到更大的分辨率?

GWT 移动端跨平台绘图性能

javascript - Bootstrap Popover链接不起作用

html - 填充无法在叠加层上使用