2012-11-27 129 views
8

我使用twitter引导感兴趣。而这些天我正在尝试制作自定义的导航栏。我想在底部导航栏上显示一些信息,使其成为navbar-fixed-bottom。但我无法定制它的高度。默认的高度对我来说是不够的。Twitter Bootstrap导航栏固定底部自定义高度

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

+0

我只是做了顶部和底部的导航栏。也许它有一些CSS的黑客。我根本不擅长CSS。请检查这个小提琴想象我需要什么。 http://jsfiddle.net/muminoff/2XZzt/ – muminoff

+0

适合我。我刚刚加了几个“李”,身高也相应地增加了。 –

+0

@AdrianHeine你是如何增加身高的?你在使用导航栏固定底部吗? –

回答

2

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

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

对于无响应的布局,声明它没有媒体查询:

body { 
    padding-bottom: ??px; 
}