首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >导航栏折叠Bootstrap 4之后的菜单边距

导航栏折叠Bootstrap 4之后的菜单边距
EN

Stack Overflow用户
提问于 2018-06-10 02:22:28
回答 2查看 568关注 0票数 1

我在导航栏上有一个菜单,它有一定的页边距-顶部和一定的边距-右侧,当导航栏崩溃时,我希望菜单有边距-顶部= 20px,而不影响导航栏的边距-顶部(它应该返回到正常的边距-顶部,如它以前一样)。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-06-10 03:18:02

是的,听起来你可以用css媒体查询来做这件事,但是就像有人说的,请分享代码。

代码语言:javascript
复制
@media screen and (max-width: 480px) {
     li.menu {
     margin-top: 20px;
  }
}

其中,最大宽度设置为您想要的宽度,而"li.menu“针对的是您希望更改其边距的元素。

别忘了把viewport meta标签加到你的头上,这样媒体查询才能正常工作。

代码语言:javascript
复制
<meta name="viewport" content="width=device-width, initial-scale=1.0">

另外,如果您没有使用特定于该菜单项的ID或类,请确保媒体查询位于常规菜单样式下,否则它将被覆盖。

票数 2
EN

Stack Overflow用户

发布于 2018-06-10 02:25:48

你可以用javascript或者css来实现。当菜单被折叠时,这是因为我们在像手机一样的小屏幕上。您可以复制您的菜单,并隐藏一个当它折叠与您的页边距。

或者是第二个选项最佳选项。当您在某个屏幕上时,可以使用媒体查询

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

https://stackoverflow.com/questions/50777287

复制
相关文章

相似问题

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