關於摺疊擺動效果的bootstrap導航欄

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應用於自定義類與引導類。