首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Jasny bootstrap:移动视图

Jasny bootstrap:移动视图
EN

Stack Overflow用户
提问于 2016-02-28 19:46:35
回答 4查看 402关注 0票数 2

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

因此,对于移动屏幕,你会得到类似上面的东西。你应该如何关闭菜单?这是他自己在his website的例子

谢谢!

EN

回答 4

Stack Overflow用户

发布于 2016-03-25 14:20:27

你可以使用类似这样的东西

代码语言:javascript
运行
复制
$('.navmenu, .navbar-offcanvas').css({
  "width": (viewport - 50) + "px"
});

所有设备上的缩进都是固定的,请看answer

票数 1
EN

Stack Overflow用户

发布于 2016-03-23 03:27:25

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

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

例如200px,在像iPhone4这样的小屏幕上看起来很好。

票数 0
EN

Stack Overflow用户

发布于 2016-03-25 00:20:21

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/35682102

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档