bootstrap 中的modal使用

首先需要引入bootstrap所需要的包；

<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">

  Launch demo modal

</button>    

    <!-- Modal -->

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">

  <div class="modal-dialog" role="document">

    <div class="modal-content">

    <!-- 头 -->

      <div class="modal-header">

        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>

        <h4 class="modal-title" id="myModalLabel">Modal title</h4>

      </div>

      <!-- 身体 -->

      <div class="modal-body">

        ...

      </div>

      <!-- 脚 -->

      <div class="modal-footer">

        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>

        <button type="button" class="btn btn-primary" onclick="save();">保存</button>

      </div>

    </div>

  </div>

</div>

<script type="text/javascript">

      

    function save(){

        //模态框隐藏

        $("#myModal").modal("hide");

    }

</script>