Bootstrap Style for the Body of the Modal

First Page
Next Page

Bootstrap Style for the Body of the Modal

<!DOCTYPE html>
<html>
   <head>
      <title>Bootstrap Example</title>
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
      <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
   </head>
   <body>
      <div class="container">
         <h2>Website Information Tutorialsroot</h2>
         <button type="button" class="btn btn-lg" data-toggle="modal" data-target="#new">Info</button>
         <div class="modal fade" id="new" role="dialog">
            <div class="modal-dialog">
               <div class="modal-content">
                  <div class="modal-header">
                     <button type="button" class="close" data-dismiss="modal">×</button>
                     <h4 class="modal-title">Warning</h4>
                  </div>
                  <div class="modal-body">
                     <p>If JavaScript isn't enabled in your web browser.</p>
                  </div>
                  <div class="modal-footer">
                     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </body>
</html>

Output

First Page
Next Page