bootstrap modal使用

1559 查看

  <div>
    <button id="btn-review" data-target="#reviewModal" data-toggle="modal">Create your own review</button>
  </div><!--注意data-target,data-toggle这两个属性-->
        <!--modal-->
            <div class=" modal fade" id="reviewModal" role="dialog" tabindex="-1" aria-labelledby="myModalLabel" aria-hidden="true">
                <div class="modal-dialog" style="">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;
                            </button>
                        </div>
                        <div class = "modal_main">
                        main code.......(button ,text ,form)
                         <form role="form" method="POST" action="                                     " id="review-modal-form">
                                <!--ratings modal-->
                                <input type="hidden" name="terrain_id" id="terrain_id">
                          </form>
                        </div><!--end modal_main-->
                    </div><!--end modal-header-->
                  </div><!--end modal-content-->
                </div><!--end modal-dialog-->
            </div><!--end modal-->