Where does “data-toggle” attribute of bootstrap framework come from?

Question

I am trying to use some of the jQuery plugins for the Bootstrap framework and they use an attribute named \"data-toggle\". I am getting the warning \"attribute data toggle is n

Answer 1

In HTML5, any attribute that starts with data- is a valid custom attribute. Basically, it's a way to attach custom data to elements that aren't explicitly defined in the HTML specification.

In earlier versions of HTML, this does not validate, however. Don't worry about that too much though. Browsers generally just ignore attributes they don't know about. This doesn't stop libraries like jQuery from reading them.

Answer 2

To quickly add dropdown functionality to any element just add data-toggle="dropdown" defined HTML5 data attribute, and any valid bootstrap dropdown will automatically be activated.

Answer 3

If you look in the JavaScript Collapse plugin documentation of Bootstrap you will find a reasonably clear example of the workings of the collapse API and the relationship and uses of the pair data-toggle (which triggers the functionality) and data-target (which sets the behavior), plus other interesting tidbits.

Answer 4

It is a Bootstrap defined HTML5 data attribute.