2017-10-05 17 views
0

私は3列のフォームを持っています。中央の列も、電話機で1列になる2つの列に「分割」されます。テキストラップ時にブーストラップが機能しない

私の問題は、中央の列がタブレットとデスクトップで正しく動作しないことです。フィールドは、どこに配置する必要があります。ブラウザの問題かもしれません。 ブラウザウィンドウが最大化されている場合は、最後のフィールド(11番目)ではなく、左側にあります。 ブラウザウィンドウが縮小されている場合、5番目のフィールドは左側ではなく右側にあります。これは、第3フィールドがラップされているためです。

https://www.bootply.com/FgfwYKdIr0

これを解決することができますか?

答えて

0

これを試すと問題が解決します。

label { 
     white-space: nowrap; 
} 

は楽しい

+0

あなたは、私が提供された例でこれを試してみましたか?私にとっては11日は同じ場所にとどまっています。これは完全な解決策ではありません。さらに、テキストが割り当てられたスペースよりも大きい場合はどうなりますか? – Dan

関連する問題