twitter-bootstrap - Jasny 引导程序：移动视图

Question

我正在使用 Jasny bootstrap 创建左侧导航菜单，但遇到了一个问题。

所以，对于移动屏幕，你会得到类似上面的东西。你应该如何关闭菜单？这是来自他自己网站上的例子

谢谢！

score 1 · Accepted Answer

You may use something like that

$('.navmenu, .navbar-offcanvas').css({
  "width": (viewport - 50) + "px"
});

and you get fixed indent on all devices, see that answer

score 0 · Accepted Answer

将 jasny-bootstrap.css 文件中的以下样式更改为所需的宽度。

.navmenu, .navbar-offcanvas {width: 300px;}

例如，200px，在像 iphone 4 这样的小屏幕上看起来不错。

score 0 · Accepted Answer

我认为我的问题没有解决方案：P。您可以做的最好的事情是在菜单的右上角创建一个“X”图标或其他东西，并附加 jasny 用于打开/关闭菜单的相同单击处理程序。

无论如何，我认为这个bootstrap left-hand-nav 插件用比 jasny 少得多的代码做同样的事情。我强烈建议任何阅读这篇文章的人试一试:)

干杯!

score 0 · Accepted Answer

您正在通过单击列表中的活动项目来关闭菜单。在这种情况下，它是“显示”项目

4 回答 4