如何仅在手机上显示Snap.js菜单？

Question

我创建了一个带有Bootstrap导航栏的网站，但在手机上，我想要显示我的Snap.js架子。我该怎么做？

Answer 1

您要找的是.hidden-xx课程。

您可以执行以下操作来隐藏手机上的Bootstrap导航栏并改为显示Snap.js架子：

// Snap.js
// Visible only on xs screen sizes
<div class="snap-drawers hidden-lg hidden-md hidden-sm">
    ...
</div>

// Bootstrap
// Hidden on xs screen sizes
<nav class="navbar hidden-xs">
    ...
</nav>