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;
}
}