【问题标题】:How to reduce height of twitter bootstrap nav bar when using brand logo rather than font logo使用品牌徽标而不是字体徽标时如何降低 twitter 引导导航栏的高度
【发布时间】:2013-09-15 06:44:34
【问题描述】:

我正在使用 twitter bootstrap,但导航栏高度有问题 - css。

我想将导航栏的高度降低到 30 像素,但是当我使用 img 徽标时,导航栏的高度不会降低。我减小了徽标大小,但似乎没有什么不同。

完全被难住和恼火。

【问题讨论】:

  • 你用的是sass还是less版本?
  • 我正在使用较少的版本。
  • 您必须更改标识的填充。

标签: css twitter-bootstrap


【解决方案1】:

请阅读有关更改导航栏高度的主题:https://github.com/twbs/bootstrap/issues/1540

【讨论】:

  • 谢谢,几周前我在疯狂寻找解决方案后看到了这个。
【解决方案2】:

万无一失的方法是直接在html标签内修改样式,例如:

<div class="navbar navbar-fixed-top" style="height: 30px">
  // logo here
</div>

【讨论】:

  • 我知道它有点老了,但是当我用在navbar-inner而不是navbar上时我设法让它工作
  • 使用 navbar-inner 导航链接出现在导航栏下方
猜你喜欢
  • 2013-01-07
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-03-16
  • 2014-07-21
  • 2023-03-06
  • 1970-01-01
  • 2015-08-25
相关资源
最近更新 更多