防止文字换行到下一行

我是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文本在另一条则去在下一行。

信息：我尝试过每一个网格，但仍然无法整理出来。

来源

2015-11-04 Black User

如果您可以使用代码创建演示，那将会很好。 –

你必须要对.people-things小font-size或添加此CSS：

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

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

来源

2015-11-04 17:29:31

谢谢你你救了我的一天。！你能告诉我你在哪里学到bootstrap以及其官方文档吗？ –

'white-space：nowrap'只是一个简单的CSS，不是来自bootstrap的东西。非常好的学习CSS系列是“30天学习HTML和CSS” - http://webdesign.tutsplus.com/courses/30-days-to-learn-html-css如果我的文章已经帮助你，请批准它。 –

谢谢@Viktor如果你认为我的帖子会帮助别人，请投票:) –

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

来源

2015-11-04 17:56:47 Mik

感谢但在col-xs-6之前使用col-sm-6最新的区别是什么？无论位置如何，xs都会首先进行评估。 –

防止文字换行到下一行

回答

相关问题