Prevent text wrapping to the next line

Question

I'm new to Twitter Bootstrap. This is a very simple question.

Here is the image:

And here is my Code :

<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>

Problem . I want to put the text Recomendationon one line and then on the next line.

Information . I tried every grid, but still could not sort it.

Answer 1

You need to do less font-sizeon .people-thingsor add this CSS:

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

What makes .people-thingsfor display on one line.

Answer 2

, , .
, <col-sm-6> <col-xs-6>. . . : <col-md-8><col-sm-8> , .