ブートストラップ3 - 擬似ナビゲーションバーがサイトコンテンツをプッシュしないようにする

Question

サイトコンテンツと対話しない（コンテンツを移動しない）サイドナビゲーションバーを作成したい。例は、サイトの1から3ナビゲーションバーをブートストラップ：

https://bootsnipp.com/snippets/featured/side-menu-on-hover

は、私は、インターネットやフォーラムでコレスポンデントポストでなければならないことを知っているが、私はそれを見つける傾けます。私は、コンテンツをプッシュしないように、上のナビゲーションバーのアドバイス/リンクや例を求めます。あなたは絶対トップにナビゲーションバーを設定した場合

Answer 1

はCSSを使用して、左、それがコンテンツをプッシュしません。

.navbar {position:absolute;top:0;left:0;} 

あなたはこれが唯一のデスクトップ上で起こるしたい場合は、のようなメディアクエリ内のルール・セットを置きますこの：

@media (min-width: 765px) { 
    .navbar {position:absolute;top:0;left:0;} 
} 

あなたはすべての画面サイズ（また、デスクトップ）上のハンバーガーメニュー（表示/非表示]メニュー）を表示したい場合は、this questionを見ています。