Twitter bootstrap 使用引导的NetFront浏览器的自定义设备
我的设备可以有三种不同的屏幕尺寸中的一种-800 x 392、1024 x 544、1280 x 725 目前，当点击我们的web应用程序时，从HTTP头提取屏幕大小定义时，我们使用不同的css文件。我想切换到Bootstrap来统一我们应用程序的外观，但也要做一个css定义，而不是3个。当我在浏览器上加载这个引导示例并根据不同的宽度调整大小时，我会得到我喜欢的结果。800px宽一个显示像移动显示器（堆叠网格），其他显示像列…当我加载到设备上时，所有三个都以移动格式加载（800px外观）。这是因为设备浏览器被标识为移动浏览器（Netfront 3.5），还是因为某些javascript加载不正确 请原谅我的知识引导，因为它有点限制，直到我阅读越来越多。我正在尝试做一个概念的证明，然后我们在头先作为我们的设备UI使用的框架…请帮助Twitter bootstrap 使用引导的NetFront浏览器的自定义设备,twitter-bootstrap,device,Twitter Bootstrap,Device,我的设备可以有三种不同的屏幕尺寸中的一种-800 x 392、1024 x 544、1280 x 725 目前，当点击我们的web应用程序时，从HTTP头提取屏幕大小定义时，我们使用不同的css文件。我想切换到Bootstrap来统一我们应用程序的外观，但也要做一个css定义，而不是3个。当我在浏览器上加载这个引导示例并根据不同的宽度调整大小时，我会得到我喜欢的结果。800px宽一个显示像移动显示器（堆叠网格），其他显示像列…当我加载到设备上时，所有三个都以移动格式加载（800px外观）。这是因
编辑-在带有列的设备上正确显示。您提供的链接上的前三个示例使用“中”列。这意味着992px下的任何浏览器窗口都将显示堆叠在彼此顶部的列。据我所知，Bootstrap在显示列时并不真正关注设备，它只关心窗口大小。页面下方的示例在您的移动设备上是否正确？它们使用“小”和“超小”列断点，应该在较小的设备上充当列
编辑：您还可以在引导中自定义断点，这样您就可以自定义断点以适合您的应用程序大小-800、1024、1280。很抱歉，这是我的模拟器的一个屏幕上限…看起来即使是col-xs-6，它仍然可以堆叠。这个屏幕截图很有帮助，它显示了bootstrap的行为绝对不是它应该的。我不认为这是一个javscript加载问题，因为网格示例没有使用jquery或bootstrap.js。我现在也有点不知所措，但我可以告诉你，这不是它通常的样子或工作原理！跑步还好，我错过了什么哈！Netfront浏览器还支持CSS 1和部分CSS 2…Javascript 1.5。我想这可能是我的问题？是的！我打赌这就是问题所在。Bootstrap使用媒体查询来完成响应设计，我相信媒体查询是CSS3的一部分。非响应页面运行正常的原因是它没有响应并且没有使用媒体查询。Netfront浏览器只是用于您的模拟器，还是最终用户用来查看您的应用程序？