防止文本换行到下一行

Question

我是Twitter Bootstrap的新手。这是一个非常简单的问题。

这是图片：

这是我的代码：

<div class="col-md-8 col-xs-6 col-sm-6  placeholders">
  <p id="people-things" class="text-center"><a href="#">PEOPLE-THINGS RECOMENDATION</a></p>
</div>

问题：我想将Recomendation文本放在一行中，然后放在下一行。

信息：我曾尝试过每个网格，但仍然无法解决这个问题。

Answer 1

您必须在font-size上制作较小的.people-things或添加此CSS：

.people-things { white-space: nowrap; }

使.people-things显示在一行上。

Answer 2

上面的解决方案可行但是引导网格类本身应该理想地使用，你不应该在它之上需要任何自定义样式。
尝试重新排列网格结构，以便在<col-sm-6>之前应用<col-xs-6>。这将允许网格单元格中的更多空间适合文本。您也可能不需要三级网格嵌套。您可以使用：<col-md-8><col-sm-8>并查看是否有效。