Question

我正在尝试使用bootstrap做一个弹出消息，但我被卡住了，不知道我做错了什么。如果有人可以帮助我，我会很高兴。

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

这就是我的代码

由于

Answer 1

你只是想念一个班级名class="modal-dialog"

Answer 2

你错过了 - ＆＃39; - ＆＃39;在班级名称modal dilog - ＆gt; 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-->

Bootstrap弹出消息

2 个答案: