引导导航栏上的折叠摆动效果

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应用于自定义类和引导类。