在正確的問題上進行引導導航欄對齊，而不會崩潰

Question

我在引導導航欄中的導航的對齊方式遇到麻煩。

在plunkr中創建了一個最小的代碼。 普倫克在這里

我遇到困難的事情：

• 我想將“問題”導航移到最右邊。
• 當我嘗試在手機或平板電腦版本中查看時，相同的問題導致導航下降，創建了2行。

我該如何解決這兩個問題

Answer 1

1. 在頂部的“ .navbar-header”上添加一個pull-left類。 默認情況下，此標頭不會針對移動設備浮動。 添加左上角將在右側顯示標題空間，以顯示您的問題導航。
2. 關閉“ .navbar-header”后，添加一個新的div <div class=“pull-right”></div> 。 您的“ .navbar-collapse”和“ problem nav”現在將居住在這里。
3. 將“ .navbar-collapse”和“ problem nav”放入其中。
4. 將“ .navbar-collapse”更新為“pull-left” ，您應該得到想要的布局。