ブートストラップコンテナがテキスト行を壊さない

Question

小さなデバイスで私のcontainerテキストが反応するのに問題があります。私は何かをしようとしましたが、何も本当に私にポイントを与えました。 見てください - ここに私のフィドルを加えました！結果を小さくして、 "Mona Larsen"というテキストがある逆のメニューの下に追加された青いコンテナで何が起こるかを見てみましょう。テキストは次の行にある単語を取るのではなく、そのまま進むようなものです。どうしたの？ "位置決幅：相対" に： JSFiddle here

Answer 1

あなたのクラス

.description { 
text-align: left; 
position: absolute; 
float: none; 
margin-top: -125px; 
margin-left: 200px; 
color: #FFFFFF;} 

変更 "絶対位置" をチェックしてください

.description { 
text-align: left; 
position: relative; 
float: none; 
margin-top: -125px; 
margin-left: 200px; 
color: #FFFFFF;}