將導航欄頂部和導航欄側面固定到屏幕上

Question

在這里，我使用的是twitter bootstrap 3模板： http : //startbootstrap.com/templates/sb-admin-v2/

和class="navbar navbar-default navbar-static-top"在頂部， class="navbar-default navbar-static-side"

如何將其固定在屏幕上？

我嘗試過： navbar-fixed-top但是那改變了我的觀念，因為我那時看不到側邊欄的一部分...

Answer 1

在navbar-static-side ，添加CSS

position: fixed;
top: 65px;

在navbar ，添加

position:fixed;
width: 100%;

這樣可以將它們都固定在頁面上。

Answer 2

不知道我在這里需要什么，但是..如果它是您的固定導航欄-在頁面頂部-隱藏了側邊欄（靜態項目），則應考慮在其中添加一些填充身體的頂部。 如果決定對邊欄和導航欄使用固定位置，則必須使用top或bottom將其與頁面頂部手動隔開。

Answer 3

只需將<p style="margin: 35px;"></p>放在<body> 。 ！ 您將再次看到固定的導航欄，沒有任何問題！