Bootstrap nav bar -如何向下浮动导航栏-固定顶部？
Bootstrap nav bar -如何向下浮动导航栏-固定顶部？
提问于 2013-07-17 02:27:15
在调整浏览器宽度时，如何使以下菜单与页面/正文一起浮动？
http://jsfiddle.net/J7jJh/1/show/
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
// ...固定的工作很好的http://jsfiddle.net/WWf3x/show/，但我不想在顶部的导航栏，我不知道如何使用边距或浮动与导航栏固定的顶部，以降低它，同时推动身体向下，也不会通过滚动重叠。
回答 1
Stack Overflow用户
回答已采纳
发布于 2013-08-13 07:14:58
虽然可能可以将navbar-fixed-top与身体一起向下推，但更干净的解决方案是尝试将响应类应用于navbar，因为BootStrap 2.3似乎不会这样做。如果您决定在将来或在其他布局中使用navbar-fixed-top，这将允许您保持它工作。
快速浏览一下BootStrap css源代码中navbar-fixed-top和navbar之间的差异，我们就可以对css做一些补充。
这是一个有效的。下面是要添加的css代码：
.navbar .container{
width: 940px;
}
@media (min-width: 1200px) {
.navbar .container
{
width: 1170px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.navbar .container
{
width: 724px;
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/17684268
复制相关文章
相似问题
腾讯云开发者
