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

标签 html css mobile responsive-design twitter-bootstrap-3

我正在为一个元素使用 bootstrap 3,但我很难在正确的时间折叠导航栏。我没有使用 LESS 编辑股票 Bootstrap 代码,所以如果 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

关于html - Bootstrap 3 在移动设备上的响应能力,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20631600/

相关文章:

html - 如何将 HTML 选择范围限制为文本本身

css - Bootstrap CSS 导航栏高度在 IE 和 FF 中很大,在 Chrome 中正确

android - 从移动设备访问 Rails 应用程序

javascript - 使用 jquery 确定屏幕宽度

javascript - Bootstrap 自定义布局

python - 提取两个不同标签之间的文本 beautiful soup

javascript - 用鼠标在 Canvas 上绘制固定边的多边形

javascript - 使用 GSAP 制作的动画循环

php - 移动浏览器无法登录我的网站

javascript - querySelectorAll 不适用于我的动态模式