Data-toggle for tabs

[rohit2sharma95]

There are three selectors for the tabs right now 🤔

bootstrap/js/src/tab.js

Line 48 in 478ff53

const SELECTOR_DATA_TOGGLE = '[data-toggle="tab"], [data-toggle="pill"], [data-toggle="list"]'

The classes make sense here as they are required to apply different styles on different markups.

bootstrap/js/src/tab.js

Line 45 in 478ff53

const SELECTOR_NAV_LIST_GROUP = '.nav, .list-group'

I am not sure if it is important for accessibility, but if it is not, a single selector can be used to target the elements here. For example:

const SELECTOR_DATA_TOGGLE = '[data-toggle="something-that-fits-for-all-three-cases"]'