Twitter Bootstrap导航栏固定底部自定义高度

时间:2012-11-27 03:16:53

标签: css twitter-bootstrap navbar

我正在使用twitter bootstrap感兴趣。这些天我试图制作自定义导航栏。我想在底部导航栏上显示一些信息,使其成为navbar-fixed-bottom。但我不能定制它的高度。默认高度对我来说还不够。

如果有人遇到此问题并有解决方案,请分享。谢谢。

2 个答案:

答案 0 :(得分:4)

顺便说一下......你可以在这里自定义你的Twitter Bootstrap:http://twitter.github.com/bootstrap/customize.html

只需更改@navbarHeight。

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


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

答案 1 :(得分:2)

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

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

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

body {
    padding-bottom: ??px;
}