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

Question

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

Answer 1

您要找的是 .hidden-xx class.

您可以执行以下操作来隐藏 phone 上的 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>

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

How do I show a Snap.js menu only on mobiles?

navbar

twitter-bootstrap-3