Twitter bootstrap 使用Twitter引导的响应性设计

我已经为我的网站使用twitter引导实现了响应性设计。折叠式导航条在手机上效果良好，但在平板电脑和iPad上效果不佳。基本上，我希望可折叠导航能在平板电脑或ipad上自动实现。我发现引导文档有点混乱。任何人都可以提供一些指导。

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

我过去也做过同样的事情，有几次我编辑了

@media

查询，这些查询构成

bootstrap responsive.css

的一部分，以使平板电脑能够以更合适的宽度折叠。例如：

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

如前所述，一种更进步的方法是定制引导以满足您的需要并使用自定义变量-更改页面上列出的

@navbarcollapsewith

变量，但您可能更喜欢手动编辑宽度

---

另一方面，可能值得一看各种流行平板电脑和设备的屏幕宽度。这可能会有所帮助：

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

我过去也做过同样的事情，有几次我编辑了

@media

查询，这些查询构成

bootstrap responsive.css

的一部分，以使平板电脑能够以更合适的宽度折叠。例如：

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

如前所述，一种更进步的方法是定制引导以满足您的需要并使用自定义变量-更改页面上列出的

@navbarcollapsewith

变量，但您可能更喜欢手动编辑宽度

另一方面，可能值得一看各种流行平板电脑和设备的屏幕宽度。这可能会有所帮助：