防止文字換行到下一行

我是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都會首先進行評估。 –

防止文字換行到下一行

回答

相關問題