css - アプリに固定ナビゲーションバーを追加する方法

Question

ここに表示されているものと同様です：http：//jsfiddle.net/U8HGz/493/show/

私は{position: fixed}CSSで試してみましたが無駄になりました。私のブートストラップはかなり頑固なようです！

@import "bootstrap";


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

score 2 · Accepted Answer

最新のコードが現在どのようになっているのかわかりませんが、次のいずれかに更新してみてください。

左と右のプロパティを 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%;
}

score 1 · Accepted Answer

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

score 0 · Accepted Answer

WITH !IMPORTANT を使用して固定位置を絶対位置に組み合わせると、固定位置よりも絶対位置が適用されることは明らかです。それらの1つを選択してください（これを追加する必要はありません!important）

### Updated
@import "bootstrap";


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

3 に答える 3