Bootstrap导航按钮不起作用

时间:2015-12-10 00:00:32

标签: css3 twitter-bootstrap-3

我的代码有几个问题。首先,我无法弄清楚为什么我的导航按钮在调整屏幕大小时不起作用。此外,我注意到随着屏幕变小,导航会下降到标题和标语下方。如何在导航下拉之前显示按钮?此外,当导航按钮出现时,标题和标语不会在徽标和nav按钮之间居中对齐。这是codepen的链接。如果有人能解释如何解决这些问题,我们将不胜感激。

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

1 个答案:

答案 0 :(得分:0)

您的数据目标错误。

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">