アラートボックスサイズをモーダルの幅に合わせる方法

Question

警告警告ボックスがモーダルのサイズと正しく一致しないことがわかります。どのように私はそれをサイズに合わせることができますか？

、ここでそれがするコード

      <div id="deleteCurso" class="modal fade" role="dialog"> 
           <div class="modal-dialog"> 
           <!-- Modal content--> 
           <div class="modal-content"> 
            <div class="modal-header"> 
            <button type="button" class="close" data-dismiss="modal">&times;</button> 
            <h4 class="modal-title">Eliminar aluno</h4> 
            </div> 
            <div class="modal-body"> 
            <div class="alert alert-danger"> 
             <strong>ATENÇÃO!</strong> Está prestes a eliminar um curso. Isto irá causar a destruição de todos os triénios, alunos, PAP's e vídeos relacionados ao mesmo. Esta ação é irreversível. Tem a certeza que pretende realizar esta ação? 
            </div> 
            </div> 
           <div class="modal-footer"> 
            <button class="btn btn-danger" id="delete_btn" data-id="" data-toggle="modal" data-target="#loginModal">Eliminar Curso</button> 
            <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button> 
           </div> 
           </div> 
           </div> 
          </div> 

Answer 1

クラス= "モーダル-LGモーダル"

<div id="deleteCurso" class="modal fade modal-lg" role="dialog"> 

Answer 2

.alert {display:inline-block;}でモーダルのクラスを変更しようとは動作しますですが、すべてのアラートを100％作成してください。クラスを追加し、上記のスタイリングを適用する方が良いでしょう。