html - 如何使警报框的大小适合模式的宽度

如您所见，警告框与模式的尺寸不正确。如何使它适合其大小？



这是代码

                            <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>

最佳答案

尝试使用class =“ modal modal-lg”更改模式的类

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

关于html - 如何使警报框的大小适合模式的宽度，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/42783859/