自舉4導航欄有較小的視零高度

鏈接到演示上codeply https://www.codeply.com/go/3HkzkLKpow 自舉4導航欄有較小的視零高度

下面是由斯凱利產生導航欄的選擇。我複製了導航欄10並將其放在第二位。當您調整視口大小以使切換可見時，位置2和位置11處的導航欄會丟失其高度。切換隻是可見和可點擊的，並在視口內完美地生成一個div。這是bootstrap 4的問題嗎？我知道我可以使用樣式表來解決這個問題，但不需要。感謝您的期待。

來源

2017-08-10 aidan watt

這樣做是因爲.navbar-toggler-right被絕對定位在右側，將其從相對容器的流中移出。 .navbar有填充，這就是黑色條仍然部分顯示的原因。如果將.container更改爲容器流體並將.navbar-toggler-right相對定位並將其右移，則菜單將放置在相同的位置，但不會隱藏該欄。

來源

2017-08-10 15:54:33

感謝您的輸入，但爲什麼其他所有的navbars工作沒有額外的編碼，這不？當然，這應該在Bootstrap提供的css中處理。 –

它是具有它的'.navbar-toggler-right'類。如果你不想要，就把它拿開。相反，將類「.pull-right」添加到它，它將具有類似的效果。其他例子中的其他例子實際上是一樣的，但是它們在導航中有Brand，這使得它保持適當的高度，因爲Brand仍然在頁面的流程中。 –

謝謝 - 拿出.navbar-toggler-right並添加右拉，它的工作很好。需要消除並準確瞭解所有這些定位元素如何配合在一起。 –

自舉4導航欄有較小的視零高度

回答

相關問題