Bootstrap3 navbar-fixed-top height

我在我的項目中使用了navbar-fixed-top的bootstrap3。在提到的導航欄中，有一個DIV，其高度大約爲700px，這使得整個導航欄拉伸了700px，並覆蓋了我的內容（我無法點擊主容器的輸入內容）。Bootstrap3 navbar-fixed-top height

有人可以幫助正確設置溢出參數，所以我的導航欄內的元素不拉伸整個導航欄，但保持「外」的呢？

<nav class="navbar navbar-default navbar-fixed-top"> 
... 
<my-custom-widget></my-custom-widget> <!-- this is the widget with height of 700px --> 
... 
</nav>

謝謝。

來源

2017-08-14 gabriel

請發佈其餘代碼，以便我們可以使用可視化工具。這對我們沒有任何幫助。設置一個JS小提琴或其他東西。 –

如果您正在創建的任何自定義窗口小部件，那麼你可以在窗口小部件的位置屬性設置爲絕對的或固定的，如果你想防止它過大，那麼你可以使用CSS的overflow屬性

結帳這個筆例如

my-custom-widget{ 
    position: absolute; 
    top: 0; 
    right: 0; 
}

https://codepen.io/anon/pen/XaezNr

來源

2017-08-14 14:57:47

謝謝。我會堅持絕對的立場 - 這將是最簡單的方法。 :) – gabriel

可以設置導航欄和所述的固定高度n將溢出設置爲隱藏。它應該解決你的問題。但是，如果在該導航欄中有下拉菜單，則由於隱藏溢出而無法再看到子菜單項

來源

2017-08-14 15:03:13 Shuvo

Bootstrap3 navbar-fixed-top height

回答

相關問題