Popular blog tags

https://www.webnots.com/bootstrap-4-modal-tutorial/ Creating Modal with Scrolling Content When the content length is long, it can be scrolled within the modal without scrolling the outside page. Below is the code for creating scrollable modal popup. Modal with Scrolling Content     1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 <button type="button" class="btn btn-danger btn-md" data-toggle="modal" data-target="#Modal2">   Open modal </button> <div class="modal fade" id="Modal2" tabindex="-1" role="dialog" aria-labelledby="Modal2" aria-hidden="true">   <div class="modal-dialog" role="document">     <div class="modal-content">       <div class="modal-header">         <h5 class="modal-title" id="ModalLabel">Modal with Scrolling Content</h5>         <button type="button" class="close" data-dismiss="modal" aria-label="Close">           <span aria-hidden="true">&times;</span>         </button>       </div>       <div class="modal-body">         Here is the content for modal, enter lengthy content so that you can see the scrolling effect.       </div>       <div class="modal-footer">         <button type="button" class="btn btn-secondary btn-md" data-dismiss="modal">Close</button>         <button type="button" class="btn btn-info btn-md">Save</button>       </div>     </div>   </div> </div> The scrolling modal will look like below: Scrollable Modal Content .