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

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 主题演示

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

获取所有 javascript 并为您的网站进行调整。