Question

在this Bootply example中，如何阻止navbar-right文字在移动视图中换行？我希望所有文本都保持在一行，随着页面宽度的缩小逐渐接近，即。桌面视图中显示的压缩版本。在任何给定的宽度，两侧的边距应该是Bootstrap在该宽度下通常会做的。

Answer 1

由于navbar-right受到较小屏幕宽度的Bootstrap 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>

阻止导航栏文本在导航栏中包装？

1 个答案: