如何解決這個導航欄？

-2

問題是，當我縮小屏幕時，酒吧分成兩排。 See image 如何解決這個導航欄？

所以我的問題是如何摺疊他們，而不是打破行？

更新：這是我嘗試一個例子：如果我出現 https://getbootstrap.com/examples/navbar-fixed-top/

問題的字體大小和NAV頭稍大：

.navbar-brand, .navbar-nav li a { 
    line-height: 80px; 
    height: 80px; 
    padding-top: 0; 
    font-size: 16px; 
}

來源

2017-04-30 Apophis

您鏈接到正確摺疊的示例。你有沒有嘗試過他們的HTML？ – ceejayoz

最好在帖子中包含代碼，以便我們知道你在處理什麼。 – DanielC

請在問題本身中包含與您的問題相關的代碼。 –

應在全寬度細容器。 https://codepen.io/anon/pen/RVVLLe

在正常的使用情況下，您不會在引導文檔中的列中找到它。

<div class="col-12 col-md-9 pull-md-3 bd-content"> 
    <nav class="navbar navbar-inverse bg-inverse"> 
     <!-- Navbar content --> 
    </nav> 
</div>

如果您確實需要更改中斷點以在內容中斷時摺疊內容。

來源

2017-04-30 22:20:23

我剛纔發現問題在於我的字體大小和導航欄大於它們在示例中的大小。這個問題是用我有的CSS代碼更新的。你有什麼主意嗎？ – Apophis

如何解決這個導航欄？

回答

相關問題