引导弹出消息

Bootstrap pop up message

本文关键字：消息      更新时间：2023-09-26

我试图做一个弹出消息使用引导，但我卡住了，不知道我做错了什么。如果有人能帮我的话，我会很感激的。

<button type="button" class="btn btn-danger" data-toggle="modal" data-target="#moreinfo">Find out more</button>
<div id="moreinfo" class="modal fade" role="dialog">
  <div class="modal dialog">
    <div class="modal-content">
      <div class="modal-header">
        fds
      </div>
      <!--end of modal header-->
      <div class="modal-content">
        fds
      </div>
      <!--end of modal content-->
      <div class="modal-footer">
        fds
      </div>
      <!--end of modal footer-->
    </div>
    <!--end of modal content-->
  </div>
  <!--end of modal dialog-->
</div>
<!--en dof more info div-->

这是我的代码

谢谢

你刚刚错过了一个类名class="modal-dialog"

您在类名modal dilog --> modal-dilog中缺少" - "

您可以遵循以下代码:

了解更多

<div id="myModal" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            fds
            </div><!--end of modal header-->
            <div class="modal-content">
            fds
            </div><!--end of modal content-->
            <div class="modal-footer">
            fds
            </div><!--end of modal footer-->
        </div><!--end of modal content-->
    </div><!--end of modal dialog-->
</div><!--en dof more info div-->
相关文章：