Bootstrap响应式菜单

Question

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

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

Answer 1

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

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

＆＃13;

＆＃13;

 // 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) { .. }

＆＃13;

＆＃13;

＆＃13;

这里你可以在切换菜单开始时更改。

或者您可以过滤搜索＆＃34;切换＆＃34;这应该显示切换的媒体部分。