twitter-bootstrap - 引导响应菜单

Question

我正在使用这个用 bootstrap 构建的 wordpress 主题，
http://bootstrapwp.rachelbaker.me/ 它会在 ipad 和 iphone 上折叠菜单，但我希望菜单仅在 iphone 上折叠，而不是在 ipad 上折叠。知道怎么做吗？

我在哪里可以编辑？它与css或js或两者有关吗？

Answer 1

Bootstrap 预加载了@media 查询，因此您需要在核心 Bootstrap.css 文件中修改它们。

在 css 文件中按 ctrl-f 并查找以下内容。

 // Landscape phones and down
  @media (max-width: 480px) { ... }

  // Landscape phone to portrait tablet
  @media (max-width: 768px) { ... }

  // Portrait tablet to landscape and desktop
  @media (min-width: 768px) and (max-width: 980px) { ... }

  // Large desktop
  @media (min-width: 1200px) { .. }

您可以在此处更改切换菜单启动的时间。

或者，您可以过滤搜索“切换”，这应该会向您显示切换的媒体部分。