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

Question

我正在设计新的网站Jopixels，为推特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并为你的站点调整它。