bootstrap tutorial: Bootstrap Modal Plugin

Bootstrap Modal Plugin

Modal Plugin-example2

<h2>Example of using methods of Modal Plugin</h2>
 
  <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal"> Launch demo modal </button> 
  
   <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog"> 
    <div class="modal-content">
     <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
       <h4 class="modal-title" id="myModalLabel"> This Modal title </h4> 
       </div>
        <div class="modal-body"> Press ESC button to exit. </div> 
        <div class="modal-footer">
         <button type="button" class="btn btn-default" data-dismiss="modal">Close </button> 
         <button type="button" class="btn btn-primary"> Submit changes </button> 
         </div>
         </div> </div> </div> <script> $(function () { $('#myModal').modal({ keyboard: true })}); </script>

Wednesday, 4 March 2015

Bootstrap Modal Plugin

No comments:

Post a Comment