I have a curious issue with Twitter bootstrap, I include the bootstrap.js , but my popovers and tooltops dont work?

<button type="button" class="btn btn-lg btn-danger" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Click to toggle popover</button>

All my other js stuff works fine, I have a slider thats fine. nothing shows up when you click this at all.
a few websites suggest including tooltop.js, but this is allready included in the compiled bootstrap.js.


2 Years
Discussion Span
Last Post by websponge

You need to call the methods in javascript.
Use: $('#your_id').popover() or $('.popover').popover() and apply the .popover class to all of your popovers.

Here's a jsFiddle to demonstrate. Just change the MyPopover and MyTooltop to whatever you want.

The thing is, is that they don't actually make it real clear you need to do this, so I blame Bootsrap docs aha.

Edited by mattster


Followed your code exactly, changing the names correctly, still nothing...


Scrap that! added the JS after bootstrap statement! thank you very much.
Bootstrap website says you done need to do this!! you are correct.

This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.