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

当我的导航栏崩溃时，我遇到了一个问题，因为当我点击我的汉堡按钮时，我的列表会有一种奇怪的摆动效果

这是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}

如果有人想看一下，这里有链接：

---

提前感谢您

您在本机引导类上拥有所有自定义样式。这会导致东西破裂。我认为你的“摇摆”来自于你的

文本对齐：居中类位于您的
.collapse
类上。当您单击hamburger按钮时，
.collapse
类将消失，因此，
.collapse
类上的所有属性也将消失

在元素上创建自定义类，并将CSS应用于自定义类而不是引导类。
您的所有自定义样式都在本机引导类上。这会导致东西破裂。我认为你的“摇摆”来自于你的
文本对齐：居中类位于您的
.collapse
类上。当您单击hamburger按钮时，
.collapse
类将消失，因此，
.collapse
类上的所有属性也将消失

在元素上创建自定义类，并将CSS应用于自定义类而不是引导类