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

Where does data-toggle come form?

[Follow this link for bootstrap documentation regarding "data-toggle" and so on.](http://getbootstrap.com/2.3.2/javascript.html#overview) Hope this helps although it is coming at a late hour — user28864, Dec 01 '13 at 23:01

score 81 · Accepted Answer · edited Nov 15 '13 at 14:27

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.

score 21 · Answer 2 · edited Dec 16 '13 at 16:02

21

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.

edited Dec 16 '13 at 16:02

vegemite4me

6,621
5
53
79

answered Aug 24 '12 at 15:29

cucu8

891
10
12

score 19 · Answer 3 · answered May 07 '12 at 12:01

19

It is a Bootstrap defined HTML5 data attribute.

answered May 07 '12 at 12:01

Daniel A. White

187,200
47
362
445

Oh ok, so why isn't it "valid"? where is it defined? – James May 07 '12 at 12:03
what is your doctype? who is giving you the warning? – Daniel A. White May 07 '12 at 12:08
try including the [html5shiv](https://github.com/aFarkas/html5shiv) library for versions of IE less than 9, assuming you have the HTML5 doctypes set. – Dave Sag May 21 '13 at 04:00

score 4 · Answer 4 · edited Oct 31 '14 at 10:37

4

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.

edited Oct 31 '14 at 10:37

Junaid

2,572
6
41
77

answered Aug 08 '12 at 13:26

Praveen Chinthala

185
3
19

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

4 Answers4

Linked