css - 如何为您的应用添加固定导航栏

Question

与您在此处看到的类似：http: //jsfiddle.net/U8HGz/493/show/

我{position: fixed}在css中尝试过无济于事。看来我的引导程序非常顽固！

我的 CSS 文件的一部分

@import "bootstrap";


.navbar navbar-inverse navbar-static-top { position: absolute!important;
    position: fixed;
    }

Answer 1

不确定您的最新代码现在是什么样子，但请尝试将其更新为以下任一：

将 left 和 right 属性设置为 0：

.navbar.navbar-inverse.navbar-static-top {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

或者你可以给你的规则一个宽度：

.navbar.navbar-inverse.navbar-static-top {
    position: fixed;
    top: 0;
    width: 100%;
}

看一个例子：http: //jsfiddle.net/uberrobert/s7u8K/

Answer 2

老兄，您没有指定topor的值bottom。也删除position: absolute;。

你的类声明是错误的，替换：

.navbar navbar-inverse navbar-static-top

和：

.navbar.navbar-inverse.navbar-static-top

你不应该给空格。

做这个：

.navbar.navbar-inverse.navbar-static-top {
    position: fixed;
    top: 0;
}

Answer 3

固定定位结合绝对定位 WITH !IMPORTANT 显然会导致绝对定位被应用于固定。选择其中之一（无需添加!important）

### Updated
@import "bootstrap";


.navbar .navbar-inverse .navbar-static-top {
    position: fixed;
}