崩溃摆动效果的自举导航栏

Question

我的导航栏崩溃时出现问题，因为当我点击我的汉堡包按钮时，我的列表会显示一个奇怪的摆动效果。

这是css代码：

.navbar-header{float:none}
a.navbar-brand{float:none}
img.brand{display:block;margin-left:auto;margin-right:auto;text-align:center;width:47%}
.collapse.navbar-collapse{float: none;text-align: center;padding-left:4%;padding-right: 4%}
.collapse.navbar-collapse ul{float: none;display: inline-block}

如果有人想看看，请点击链接：

http://chickapea.larchedigitalmedia.com/

提前谢谢

Answer 1

您在本机引导类上拥有所有自定义样式。这会导致东西破裂。我认为你的“摇摆”来自于你的text-align: center;课程.collapse课程。点击汉堡包按钮后，.collapse课程就会消失，因此.collapse课程的所有属性也会消失。

在元素上创建自定义类，并将CSS应用于自定义类与引导类。