Friday, February 5, 2016

Bootstrap Model

                No comments   

 Intoduction :- 

Hii Friends...

Today I explain how to make a bootstrap model in asp.net . Its not so complicated its easy. here some terms that we use in this code so i explain them. 

  • data-toggle="modal" opens the modal window
  • data-target="#myModal" points to the id of the modal

HTML & CSS Code


<body>

<div class="container">
  <h2> Bootstrap Modal </h2>
  <!-- Trigger the modal with a button -->
  <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button>

  <!-- Modal -->
  <div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog">
    
      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">This is Header</h4>
        </div>
        <div class="modal-body">
          <p>Welcome on Asp.net Module.</p>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </div>
      </div>
      
    </div>
  </div>
  
</div>

</body>

Demo:-



0 comments:

Post a Comment

Popular Posts