【问题标题】:How to customize the height of bootstrap navbar? [duplicate]如何自定义引导导航栏的高度? [复制]
【发布时间】:2014-04-11 21:21:08
【问题描述】:

我想将 Twitter Bootstrap Navbar 的高度更改为 24px 高度。 我已经在 Bootply 中尝试过代码,并且高度正在改变,但是当我在我的项目中尝试时,最小高度是 40px;

我需要这个高度为 24px 的导航栏:我找到了另一个主题 HERE,有这个答案,但对我没有用:

.navbar-brand,
.navbar-nav li a {
    line-height: 150px;
    height: 150px;
    padding-top: 0;
}

请看这里的代码,告诉我我做错了什么?

CODE HERE

【问题讨论】:

  • 我找到了另一个主题,但我无法成功
  • 问题是设置额外的min-height: 0px; 以及其他

标签: html css twitter-bootstrap


【解决方案1】:

您必须在 CSS min-height:40px; 的其他位置为导航栏定义。找到它并删除它,或者您可以通过在导航栏的 CSS 中包含 min-height:0px; 来覆盖它。

试试:

.navbar-inner {
background: none;
filter: none;
border: none;
font-family: 'Calibri';
text-transform: uppercase;
background-color: #000;
height: 24px !important;
min-height: 0px; //ADD THIS
}

【讨论】:

  • 这对我来说非常棒!谢谢!
【解决方案2】:

改变这个

.navbar-inner {
background: none;
filter: none;
border: none;
font-family: 'Calibri';
text-transform: uppercase;
background-color: #000;
height: 24px !important; /* here */
}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2012-12-10
    • 2023-04-07
    • 2013-11-19
    • 2018-02-02
    • 1970-01-01
    • 2022-07-18
    • 1970-01-01
    • 2017-11-07
    相关资源
    最近更新 更多