Question

我已经在我的html代码中插入了一个模态，我创建了一个自举按钮（因为我正在使用bootstrap）来调用模态。问题是当我点击按钮时我的模型没有显示出来。这是我的代码：

<!-- Modal -->
<div id="ordine" 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">Ordine inviato!</h4>
      </div>
      <div class="modal-body">
        <p>I vostri ordini saranno evasi in ordine cronologico di arrivo. Riceverete, una volta che abbiamo controllato la disponibilità fisica in magazzino, una mail di conferma e, successivamente, una seconda mail di avviso della partenza del pacco.</p>
        <p>Grazie per aver scelto Mailmodel !</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>

  </div>
</div>

这是我的按钮：

<div class="row">
  <div class="col-md-2"></div>
  <div class="col-md-8">
    <div class="address">
      <button type="button" class="btn btn-danger" data-toggle="modal" data-target="#ordine">Invia ordine</button>
    </div>
  </div>
  <div class="col-md-2"></div>
</div>

我的代码中是否有错误？有人可以帮我解决这个问题吗？

Answer 1

您需要在头部显示：

＆＃13;

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

＆＃13;

让您的代码正常工作。

Bootstrap按钮无法调用模态

1 个答案: