2016-07-16 20 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> 

EDIT<br>要素を追加モバイルには対応していますが、デスクトップサイズではありません。これを行うには、brクラスを追加する必要がありますが、それはxs(極小)クラスとsm(小)クラスだけに見えるようにします。必要に応じて追加することができますが、その2つはほとんどのモバイルをカバーする必要があります。

<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