CODEWITHSUNDEEP
jqueryhtmltwitter-bootstrap
James
James

Reputation: 2999

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

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 not a valid atribute of a".

Where does data-toggle come form?

Upvotes: 33

Views: 83720

Answers (4)

Praveen Chinthala
Praveen Chinthala

Reputation: 185

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.

Upvotes: 4

cucu8
cucu8

Reputation: 931

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.

Upvotes: 21

Richard Neil Ilagan
Richard Neil Ilagan

Reputation: 14737

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.

Upvotes: 82

Daniel A. White
Daniel A. White

Reputation: 191037

It is a Bootstrap defined HTML5 data attribute.

Upvotes: 19

Related Questions