引导响应菜单

Question

我使用的是内置自举这个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) { .. }

在这里你可以改变时。

切换菜单踢或者你可以过滤搜索“拨动”这应该表现出你拨动的媒体章节。