如何将固定导航栏添加到您的应用

Question

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

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

我的CSS文件的一部分

@import "bootstrap";


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

Answer 1

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

将左右属性设置为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

老兄，您没有指定top或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）

### Updated
@import "bootstrap";


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