Bootstrap Tutorials


                     <div class="container" style="background-color:#eee">       

                              <h2>Modal Example</h2>

                                      <button type="button" class="btn btn-success btn-lg" 
                                    data-toggle="modal" data-target="#Modal11">Show Modal</button>

                                      <div class="modal fade" id="Modal11" role="dialog">

                                      <div class="modal-dialog">

                                          <div class="modal-content">

                                              <div class="modal-header">

                                                <button type="button" class="close" data-dismiss="modal">&times;</button>

                                                <h4 class="modal-title">Keep Smiling...!</h4>

                                         </div>

                                        <div class="modal-body">

                                              <p>Congratulations...</p>

                                        </div>

                                        <div class="modal-footer">

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

                                        </div>

                                      </div>

                                    </div>

                     </div>