防止導航欄中包含導航條的文本？

Question

在this Bootply example，我該如何防止navbar-right文字包裹在移動視圖中？我希望所有文本都留在一行中，隨着頁面寬度的縮小逐漸接近，在桌面視圖中看到的壓縮版本。在任何給定的寬度下，任何一邊的邊距都應該是Bootstrap通常在這個寬度上做的。

Answer 1

由於導航欄，右邊是由引導CSS在較小的屏幕寬度的影響，你可以使用交替和pull-left .. pull-right

<nav class="navbar navbar-default navbar-fixed-bottom"> 
    <div class="container"> 
    <p class="navbar-text pull-left">Left Text</p> 
    <p class="navbar-text pull-right">Right Text</p> 
    </div> 
</nav>