不允许拆分

Question

我有html

<div class="col-md-4">...</div>
<div class="col-md-4">...</div>
<div class="col-md-4">Lorem Ipsum</div>

如果我使用移动设备，我会

Lorem Ip-
sum

但我想得到

Lorem 
Ipsum

由于

Answer 1

似乎没有必要编辑引导列以确保文本适合列。如果你需要简单的间距来模仿回车键，只需在Lorem之后直接添加<br>元素

<div class="col-md-4">...</div>
<div class="col-md-4">...</div>
<div class="col-md-4">Lorem <br> Ipsum</div>

编辑：在查看您的问题时，您可能一直在指的是您只希望移动移动设备，而不是桌面尺寸。为了做到这一点，你必须添加一个br类，但只允许它对xs（超小）和sm（小）类可见。如果你愿意，你可以添加更多，但这两个应该覆盖大部分移动设备。

<div class="col-md-4">...</div>
<div class="col-md-4">...</div>
<div class="col-md-4">Lorem <br class = "visible-xs visible-sm"> Ipsum</div>