使用Bootstrap的NetFront浏览器自定义设备

时间:2015-06-25 20:33:48

标签: twitter-bootstrap device

我的设备可以有3种不同屏幕尺寸中的一种--800 x 392,1024 x 544,1280 x 725.

目前,当我们点击Web应用程序时,从HTTP标头中提取屏幕大小时,我们会使用不同的css文件。我想切换到Bootstrap以统一应用程序的外观,但也要做一个css定义而不是3.当我在浏览器上加载此引导程序示例 - http://getbootstrap.com/examples/grid/并调整大小以获得不同的宽度时,我得到结果我喜欢。 800px宽度显示像移动显示器(堆叠网格),其他显示像列....当我加载到设备上时,所有三个以移动格式(800px外观)加载。这是因为设备浏览器被识别为移动浏览器(Netfront 3.5)还是某些javascript无法正确加载?

请原谅我对bootstrap的了解,因为它有点限制,直到我阅读越来越多。在我们首先深入探讨我们用于设备UI的框架之前,我正在尝试进行概念验证....请帮助。

编辑 - http://getbootstrap.com/examples/non-responsive/在包含列的设备上正确显示。

1 个答案:

答案 0 :(得分:1)

您提供的链接上使用的前3个示例" medium"列。这意味着992px下的任何浏览器窗口都会显示堆叠在一起的列。据我了解,Bootstrap在显示列时并没有真正关注设备,它只关心窗口大小。您的移动设备上的页面下方的示例是否正确?那些人正在使用" small"和#34;额外的小"列断点,应作为较小设备上的列。

编辑:您还可以在引导程序中自定义断点,以便您可以自定义它们以适合您的应用程序大小 - 800,1024,1280。