我正在建立一個網站使用Bootstrap，我不知道什麼是解決以下問題的最佳方法是。Bootstrap |問題與響應的導航欄
我的導航欄左側有一個大標誌，右側有6個導航項目。在XS屏幕尺寸下，導航項正確摺疊到漢堡菜單中，但是在它們這樣做之前，它們會浮在徽標下面，這不應該是正確的行爲。
演示：嘗試調整這個網頁 - >http://stackoverflowquestion.bss.design
一個解決方案堆棧溢出類似的問題是簡單地改變倒塌寬度 - 但是我發現，這是不是最佳的，因爲不同的設備有差異的高度/放大，所以寬度不是通用的。
什麼是解決這個問題的最佳做法是什麼？由於
，最好的辦法是生成自定義啓動這裏http://getbootstrap.com/customize/適當媒體查詢斷點您可以編輯還有其他的一些事情。 Bootstrap標準寬度和其他參數只是一個基本的骨架 - 你可以隨時編輯它們。
編輯：其他解決方案 - 只需將徽標縮放到較小的尺寸 - 使其響應（並使用最大寬度）。
EDIT2：按比例縮小與媒體查詢標誌div容器（並保持標誌圖像響應） - 與解決方案，您可以繼續收縮的菜單隻支持較低分辨率（屏幕XS）和屏幕LG/MD將保持非崩潰了。
問題出在導航欄崩潰的地方。默認情況下，它被設置爲XS屏幕，即< 768px。由於填充內容，navbar-collapse會在navbar-header下推送。
您必須通過更改寬度將navbar摺疊中斷點設置爲sm或md屏幕。我沒有發現這個方法的問題。
或者，您可以使用媒體查詢來使導航欄元素更小且響應。例如，當屏幕寬度減小時，您可以使徽標變小，以便導航可以適應。
您可以使用css來修復它。刪除導航欄中的最大高度。