/ / jQuery、html、css、css3、twitter-bootstrap、Twitter Bootstrap 3を使用した固定ナビゲーションバー

Twitterのブートストラップ3を使った固定ナビゲーションバー - jquery、html、css、css3、twitter-bootstrap

私は使用しています Twitter Bootstrap 3 私のウェブサイトのために。私は、ユーザーがスクロールダウンするある一定のポイントの後にオンにする必要がある固定ナビゲーションバーを持っていたい。

私は使った Affix() 私はいくつかの特定の時点で表示されるナビゲーションバーを得ることができます。

しかし、ユーザーがスクロールダウンし、ナビゲーションバーが上部に表示され、ナビゲーションバーの幅が100%ではないことが課題です。

ページをスクロールしてもナビゲーションバーの幅を100%にしたかったのです。

ここには フィドル.

結果セグメントをスクロールしてナビゲーションバーに気をつけてください。

それが消え、いくつかのスクロールポイントで表示されます。しかし、ナビゲーションバーの幅は、最初のときと同じではありません。

それを修正する際に私を助けてください。

回答:

回答№1は0

ちょうど使用する width: 100%;.navigation

.navigation {
background: #fff;
position: relative;
width: 100%;
}

デモ