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

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

Posted by: admin November 29, 2017 Leave a comment

Questions:

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?

Answers:

It is a Bootstrap defined HTML5 data attribute.

Questions:
Answers:

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.

Questions:
Answers:

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.

Questions:
Answers:

Follow this link for bootstrap documentation regarding “data-toggle” and so on. Hope this helps although it is coming at a late hour

Questions:
Answers:

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.

Leave a Reply

Your email address will not be published. Required fields are marked *