Twitter bootstrap 引导导航栏-如何向下浮动导航栏固定顶部?

Twitter bootstrap 引导导航栏-如何向下浮动导航栏固定顶部?,twitter-bootstrap,Twitter Bootstrap,调整浏览器宽度时,如何使以下菜单随页面/正文浮动 // ... Fixed可以正常工作,但我不希望导航条位于顶部,我不知道如何使用margin或float与导航条Fixed top一起将其向下移动并同时向下推动主体,并且通过滚动也不会重叠。虽然可能会将导航条Fixed top与主体一起向下推动,一个更干净的解决方案是尝试将响应类应用到navbar,因为bootstrap2.3似乎没有这样做。这将允许您在将来或在其他布局中使用导航栏固定顶部时继续工作 快速查看引导css源代码中navbar

调整浏览器宽度时,如何使以下菜单随页面/正文浮动


// ...

Fixed可以正常工作,但我不希望导航条位于顶部,我不知道如何使用margin或float与导航条Fixed top一起将其向下移动并同时向下推动主体,并且通过滚动也不会重叠。

虽然可能会将
导航条Fixed top
与主体一起向下推动,一个更干净的解决方案是尝试将响应类应用到
navbar
,因为bootstrap2.3似乎没有这样做。这将允许您在将来或在其他布局中使用
导航栏固定顶部
时继续工作

快速查看引导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;
    }    
}
.navbar .container{
    width: 940px;
}

@media (min-width: 1200px) {
    .navbar .container
    {
        width: 1170px;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .navbar .container
    {
        width: 724px;
    }    
}