如何使警报框大小适合模态的宽度

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

尝试使用class =＆＃34; modal modal-lg＆＃34;

更改模态类

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

Answer 2

.alert {display:inline-block;}可以正常运行，但它可以100％完成所有提醒，因此最好添加一个类，然后应用上述样式。