【问题标题】:Bootstrap navbar custom heightBootstrap 导航栏自定义高度
【发布时间】:2013-01-06 13:17:03
【问题描述】:

我正在尝试缩小移动设备尺寸的导航栏高度。我试过缩小导航栏,但 JS 菜单不起作用。有什么想法吗?

.navbar-fixed-bottom { height:35px; }

【问题讨论】:

  • 到目前为止你有什么?你在使用 Bootstrap 提供的响应式布局吗?
  • 是的,我是。我正在使用媒体查询,并希望在移动设备上缩小高度

标签: html css twitter-bootstrap


【解决方案1】:

如果您下载custom version 或使用less css,只需将@navbarHeight 变量更改为所需的高度。

当然,您可以手动更改它,但必须在多个地方完成。使用navbar.less 文件查找所有使用@navbarHeight 的引用。

我也没有看到您只想在移动网站上这样做。用于响应式设计的导航栏的.less 文件是responsive-navbar.less。桌面导航栏和移动导航栏的高度相同,并且没有专门为移动导航栏设置任何内容,但如果没有大量测试,我不建议更改它。

【讨论】:

  • 是否可以使用更少的媒体查询?和上面的变量?
  • 他们使用.less 作为引导程序编译成的.css 文件的基础。我用关于移动设备的注释更新了我的答案。
猜你喜欢
  • 2013-11-19
  • 1970-01-01
  • 2012-12-10
  • 2023-04-07
  • 2018-02-02
  • 2022-07-18
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多