2016-07-16 42 views
0

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

感謝

+0

對移動設備使用'col-xs-6'。 –

+0

你可以給一個可重複的例子嗎? [在我的測試](https://jsfiddle.net/pw43hkv6/),它是不可能的,使用默認的CSS包裝。 – 4castle

回答

0

似乎沒有必要編輯引導列來確保該文本適合列。如果您需要簡單的間距模仿回車鍵,剛纔的Lorem

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

編輯添加<br>元素:在觀看你的問題,你可能會被提到的事實,你想只有空間移動,但不是在桌面大小。爲了做到這一點,你將不得不添加一個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> 
+0

''標籤是另一種選擇,但它不支持IE: – 4castle