html - 防止文本换行到下一行

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

你必须在 .people-things 上制作更小的 font-size 或者添加这个 CSS:

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

这使得 .people-things 显示在一行中。