JOYNAL ABEDIN

SOFTWARE ENGINEER

BOOTSTRAP 

All Boostrap 5 button

joynal27 1,287 Comments , , , , 
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap demo</title>

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet">

  </head>
  <body>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam voluptate cumque aliquam beatae tempora deserunt, id voluptatibus consequatur praesentium quasi sit aperiam esse amet atque vero, laboriosam doloremque perferendis odio.</p>

    <button type="button" class="btn btn-primary text-warning">Primary</button>
    <button type="button" class="btn btn-secondary">Secondary</button>
    <button type="button" class="btn btn-success">Success</button>
    <button type="button" class="btn btn-danger">Danger</button>
    <button type="button" class="btn btn-warning">Warning</button>
    <button type="button" class="btn btn-info">Info</button>
    <button type="button" class="btn btn-light">Light</button>
    <button type="button" class="btn btn-dark">Dark</button>
    
    <button type="button" class="btn btn-link">Link</button>

    
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.7/dist/umd/popper.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.min.js"></script>
    <!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js"></script> -->
  </body>
</html>

1,287 thoughts on “All Boostrap 5 button”

Leave a Reply

Your email address will not be published. Required fields are marked *