我已经为我的网站使用twitter bootstrap实现了响应式设计。折叠导航栏适用于手机，但不适用于平板电脑和iPad。基本上我希望collasible导航自动在平板电脑或iPad上实现。我发现bootstrap文档有点令人困惑。任何人都可以提供一些指导。
答案 0 :(得分：3)
Bootstrap无法通过设备工作，它使用屏幕宽度（通过CSS媒体查询）折叠特定宽度的导航栏。因此，默认情况下在iPad上启用它的唯一方法是确保它在iPad的屏幕宽度或高于iPad的屏幕宽度上折叠（纵向模式下为768像素）。
我过去也做过同样的事情，并且有几次最终编辑了构成@media一部分的bootstrap-responsive.css查询，以便以更合适的宽度折叠平板电脑。例如：
@media (min-width: 768px) and (max-width: 979px) {
详细here，更先进的方法是自定义bootstrap以满足您的需求并使用自定义变量 - 更改页面上列出的@navbarCollapseWidth变量，但您可能更喜欢手动编辑宽度...
另外，对于各种流行的平板电脑和设备，屏幕宽度可能值得一看。这可能有所帮助：Media Queries: How to target desktop, tablet and mobile?