2017-04-24 14 views
0

私はモーダルに自動的にデータを書きますが、あなたが見る通り、(here)はサイズの問題があります。それはあらゆる種類のデータを収めることができるので、私はこの問題を解決する方法をブートストラップモーダルより大きいデータ

<div id="check-answers" class="modal fade"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal">&times;</button> 
       <h4 class="modal-title">Answers</h4> 
      </div> 
      <div class="modal-body"> 
       <p>datadatadatadatadatadatadatadatadatadatadatadatadatadatadatadatadatadatadatadatadata</p> 
       <p>datadatadatadatadatadatadatadatadatadatadatadatadatadatadatadatadatadatadatadatadata</p> 
       <p>datadatadatadatadatadatadatadatadatadatadatadatadatadatadatadatadatadatadatadatadata</p> 
      </div> 
      <div class="modal-footer"> 
       <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
      </div> 
     </div> 
    </div> 
</div> 

+0

がモーダルとそれに必要な方法をサイズのCSSルールを記述するためにクラスを追加するには、CSSにこれを追加します。ブラウザのdevツールの要素インスペクタのすべての関連する現在のCSSを見ることができます – charlietfl

+0

また、CSSラップとオーバーフロールールについて学ぶ – charlietfl

+0

私はすべてのことを見つけることができますリンクを提供してくださいできますか? –

答えて

0

だけ

.modal-body p { 
    word-wrap: break-word; 
} 

working example

+0

"h3"やその他のもので "p"を変更しても、それでも動作するのでしょうか? –

+0

はい、それは私の友人を働かせます – xploshioOn

関連する問題