Twitter Bootstrap navbar-fixed-bottom 自定义高度答案

【问题标题】：Twitter Bootstrap navbar-fixed-bottom custom heightTwitter Bootstrap navbar-fixed-bottom 自定义高度
【发布时间】：2012-11-14 15:20:24
【问题描述】：

我正在使用 twitter bootstrap 来获取兴趣。这些天我正在尝试制作自定义导航栏。我想在底部导航栏上显示一些信息，使其成为导航栏固定底部。但我无法自定义它的高度。默认高度对我来说是不够的。

如果有人遇到过这个问题并有解决方案，请分享。谢谢。

【问题讨论】：

我刚刚制作了顶部和底部导航栏。也许它对 CSS 有一些技巧。我一点也不擅长 CSS。请看看这个小提琴来想象我需要什么。 jsfiddle.net/muminoff/2XZzt
对我来说很好。我刚刚加了几个lis，高度也相应增加了。
@AdrianHeine 你是如何增加身高的？你在使用 navbar-fixed-bottom 吗？

【解决方案1】：

顺便说一句...您可以在此处自定义您的 Twitter Bootstrap：http://twitter.github.com/bootstrap/customize.html

只需更改@navbarHeight。

但这也会改变 navbar-fixed-top 的高度...

编辑：网站已更改，自定义 Bootstrap 的新 URL 为 http://getbootstrap.com/customize/

【讨论】：

【解决方案2】：

导航栏应该与内容的大小相匹配（只要内容不在文档流之外）。您将需要增加正文的填充，以便内容不会消失在底部导航栏后面。如果您使用的是响应式引导程序，请将以下规则添加到您的 css 并替换 ??与底部导航栏的高度：

@media (min-width: 980px){
    body {
        padding-bottom: ??px;
    }
}

对于非响应式布局，在没有媒体查询的情况下声明它：

body {
    padding-bottom: ??px;
}

【讨论】：