screen_rotation
Copied to Clipboard
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Bootstrap 5 Modal Example</title> <!-- Include Bootstrap CSS --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet"> <style> .h-divider { margin-top: 5px; margin-bottom: 5px; height: 1px; width: 100%; border-top: 1px solid gray; } </style> </head> <body> <div class="container"> <div class="row"> <div class="col"> <h3>Bootstrap horizontal divider</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla commodo diam sed est tincidunt, eget vestibulum risus cursus. Ut ultricies lorem quis tortor tristique, non ullamcorper sem tempus. Vestibulum vitae massa non urna ultricies luctus et in ipsum.</p> <hr class="h-divider"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla commodo diam sed est tincidunt, eget vestibulum risus cursus. Ut ultricies lorem quis tortor tristique, non ullamcorper sem tempus. Vestibulum vitae massa non urna ultricies luctus et in ipsum.</p> </div> </div> </div> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.bundle.min.js"></script> </body> </html>