如何确保我的twitter bootstrap主题适合所有设备？

Question

我正在设计新网站Jopixels，为Twitter Bootstrap提供免费主题。 Bootsrap为响应性设计提供支持。但在我的主题中，我需要编写我需要的主题特定CSS，以确保它适用于所有类型的设备。

我无法购买平板电脑或智能手机来检查我的设计。

在没有真实设备的情况下，确保我的设计与设备兼容的正确方法是什么？

Answer 1

它不是特定于引导程序，但是您知道吗

http://tablet-emulator.org/

http://ipadpeek.com/

和

http://www.mobilewebsites4u.com/tester/index.htm

?? （最后一个对智能手机非常有用）

Answer 2

您还可以重新调整浏览器的大小。 Twitter-bootstrap的响应布局适用于百分比，并且它不使用js来实现流畅性，因此浏览器调整大小将正常工作。

Answer 3

另一种解决方案是访问一个网站，其中包含用于引导主题的“视图演示”。查看源代码并使用他们的代码：

使用底部的设备选择器菜单查看此演示：

Bootstrap Theme Demo

现在右键点击并查看来源（如果使用Chrome，则添加 view-source：url ）：

抓取所有javascript并为您的网站调整它。