CODEWITHSUNDEEP
jquerytwitter-bootstrap
sites
sites

Reputation: 21795

Can't place Twitter Bootstrap Tooltip

See http://jsbin.com/ocufez/1/edit

$('div').tooltip
  placement: 'right'

This is not placing tooltip at right side of div.

How can I place the tooltip?

NOTE: You have to click run with JS and hover last div in JSBin

Upvotes: 0

Views: 96

Answers (2)

Carol Skelly
Carol Skelly

Reputation: 362620

I think jQueryUI - jquery-ui.min.js is conflicting with bootstrap.js as they both have a .tooltip() If you remove jQueryUI you'll see the Bootstrap tooltip on the right.

or you can put jquery-ui.min.js before bootstrap.js...

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
<script src="http://twitter.github.io/bootstrap/assets/js/bootstrap.js"></script>

Upvotes: 2

Diogo Alves
Diogo Alves

Reputation: 378

Just try to add in element:

data-toggle="tooltip" data-placement="right" title="" data-original-title="Tooltip on right"

Found in http://twitter.github.io/bootstrap/javascript.html#tooltips

Upvotes: 0

Related Questions