Bootstrap導航按鈕不起作用

Question

我的代碼有幾個問題。首先，我無法弄清楚爲什麼我的導航按鈕在屏幕大小調整時不工作。另外我注意到當屏幕變小時，導航下降到標題和標語之下。如何在導航下降之前使按鈕出現？此外，當導航按鈕出現時，標題和標語不會在徽標和nav按鈕之間居中對齊。這是一個codepen的鏈接。如果有人可以解釋如何解決這些問題，將不勝感激。

http://codepen.io/anon/pen/EPjWvw

Answer 1

您的數據，目標是錯誤的。

data-target =「目標菜單列表ID」在這裏你的菜單列表ID是「導航」，你把什麼是「main-nav」。

<button class="navbar-toggle collapsed" aria-expanded="false" data-target="#main-nav" data-toggle="collapse" type="button"> 

變化

<button class="navbar-toggle collapsed" aria-expanded="false" data-target="#navigation" data-toggle="collapse" type="button">