使用Twitter引导程序进行自适应设计

我使用twitter引导程序为我的网站实施了自适应设计。崩溃的导航栏在手机上运行良好，但在平板电脑和ipad上运行良好。基本上，我希望可以在平板电脑或iPad上自动实施合理的导航。我发现引导文档有点混乱。任何人都可以提供一些指导。使用Twitter引导程序进行自适应设计

2013-03-28 Mr_Pop

Bootstrap不能按设备工作，它使用屏幕宽度（通过CSS媒体查询）以特定宽度折叠导航栏。因此，在iPad上默认启用它的唯一方法是确保它在iPad屏幕宽度或高于屏幕宽度时折叠（纵向模式下为768px）。

我已经在过去完成了相同的操作，并且在多次结束时编辑了@media查询，这些查询构成了bootstrap-responsive.css的一部分，以便以更合适的宽度折叠平板电脑。例如：

@media (min-width: 768px) and (max-width: 979px) {

至于详细here，更进步的方法是定制引导，以满足您的需求，使用自定义变量 - 改变页面上列出的@navbarCollapseWidth变量，但您可能需要手动编辑您的宽度的..

在附注中，可能值得关注各种流行平板电脑和设备的屏幕宽度。这可能会有所帮助：Media Queries: How to target desktop, tablet and mobile?

2013-03-28 21:49:47 nickhar

回答