test.html 1.4 KB

1234567891011121314151617181920212223242526272829
  1. <!DOCTYPE html>
  2. <head>
  3. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"
  4. integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
  5. <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
  6. integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous">
  7. </script>
  8. <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"
  9. integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous">
  10. </script>
  11. </head>
  12. <body>
  13. <div class="btn-group" role="group" aria-label="Button group with nested dropdown">
  14. <button type="button" class="btn btn-secondary">1</button>
  15. <button type="button" class="btn btn-secondary">2</button>
  16. <div class="btn-group" role="group">
  17. <button id="btnGroupDrop1" type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  18. Dropdown
  19. </button>
  20. <div class="dropdown-menu" aria-labelledby="btnGroupDrop1">
  21. <a class="dropdown-item" href="#">Dropdown link</a>
  22. <a class="dropdown-item" href="#">Dropdown link</a>
  23. </div>
  24. </div>
  25. </div>
  26. </body>