What is the difference between Bootstrap data-toggle vs data-bs-toggle attributes?

by

This comes fro PR 31827 and commit 418f17e (Nov. 2020, bootstrap v5.0.0-beta1)

It fixes issue 29479 “Add a namespace for data-* attribute?”

As explained in “What’s New in Bootstrap 5 / Change in data attributes” from Shahed Nasser:

Bootstrap 5 has changed the naming of the data attributes that are generally used by its components that use JavaScript as part of their functionality.

Previously, most components that relied on some JavaScript functionalities would have data attributes starting with data-.

In Bootstrap 5, data attributes for these components now start with data-bs to easily namespace Bootstrap attributes.

Commit b38110a concurs:

Data attributes for all JavaScript plugins are now namespaced to help distinguish Bootstrap functionality from third parties and your own code.
For example, we use data-bs-toggle instead of data-toggle.

More Related Contents:

  1. My Bootstrap Window Became to large?
  2. How to extend/modify (customize) Bootstrap with SASS
  3. Bootstrap Rows and Columns – Do I need to use row?
  4. Bootstrap 3 with remote Modal
  5. What is the difference between Bootstrap .container and .container-fluid classes?
  6. How to remove responsive features in Twitter Bootstrap 3?
  7. Bootstrap: Collapse other sections when one is expanded
  8. Updating Bootstrap to version 3 – what do I have to do?
  9. Limit the scope of bootstrap styles
  10. How do I set the offset for ScrollSpy in Bootstrap?
  11. Bootstrap 3 breakpoints and media queries
  12. bootstrap 4 responsive utilities visible / hidden xs sm lg not working
  13. How to create a sticky left sidebar menu using bootstrap 3?
  14. How to use CKEditor in a Bootstrap Modal?
  15. how to destroy bootstrap modal window completely?
  16. Twitter bootstrap typeahead multiple values?
  17. Bootstrap 4 Multiple fixed-top navbars
  18. Can I use twitter bootstrap without jquery?
  19. Bootstrap 3 Gutter Size
  20. How to left column fixed and right scrollable in Bootstrap 4, responsive?
  21. Leaflet map not showing properly in bootstrap 3.0 modal
  22. Vertical alignment of text and icon in button
  23. Bootstrap 5 – Custom theme-colors not updating classes
  24. Bootstrap: how do I change the width of the container?
  25. Simple Bootstrap page is not responsive on the iPhone
  26. Close responsive navbar automatically
  27. Fluid input-append in Bootstrap Responsive
  28. Bootstrap 4 responsive navbar vertical
  29. Unable to override $theme-color in bootstrap
  30. How to justify navbar-nav in Bootstrap 3

Leave a Comment