Stack Overflow
Stack Overflow

Questions tagged [twitter-bootstrap-tooltip]

This tag is for questions related to the Twitter Bootstrap tooltip jQuery plugin.

Tooltip is a jQuery plugin that is part of . It may be used to display the content of the title attribute.

From the tooltip documentation:

Inspired by the excellent jQuery.tipsy plugin written by Jason Frame; Tooltips are an updated version, which don't rely on images, use CSS3 for animations, and data-attributes for local title storage.

229 questions
181
votes
19 answers

How to enable Bootstrap tooltip on disabled button?

I need to display a tooltip on a disabled button and remove it on an enabled button. Currently, it works in reverse. What is the best way to invert this behaviour? $('[rel=tooltip]').tooltip();
Lorraine Bernard
  • 11,982
  • 21
  • 79
  • 132
92
votes
19 answers

Using Bootstrap Tooltip with AngularJS

I am trying to use the Bootstrap tooltip in an app of mine. My app is using AngularJS Currently, I have the following:
52
votes
4 answers

Displaying long text in Bootstrap tooltip

I'm trying to display a bit of long text in a twitter bootstrap tooltip. As you can see in the picture below, things aren't going smashingly. Does anyone have an easy fix for text that overflows the bootstrap tooltip? EDIT (added requested code):…
Jeff Borden
  • 1,307
  • 1
  • 18
  • 29
45
votes
4 answers

Uncaught Error: no such method 'show' for tooltip widget instance

I am using ajax to submit a form for my registration, but am having an issue trying to setup tooltips to display error messages for errors that come back from the controller. JavaScript: $(document).on('ajax:success', '.user_modal_form', function(e,…
dennismonsewicz
  • 23,382
  • 26
  • 107
  • 175
25
votes
5 answers

Destroy All Bootstrap Tooltips in A Div

I have a $("#settings") div with multiple bootstrap tooltips attached to the child elements. For example,
Content: …
LSD
  • 405
  • 1
  • 4
  • 12
20
votes
8 answers

remove transparency from bootstrap tooltip

The standard .tooltip from twitter bootstrap has a transparency that I would like to remove. This my HTML:
ganjan
  • 6,443
  • 22
  • 74
  • 126
14
votes
3 answers

bootstrap tooltip\popover - solving inconsistent placement to the left

I've been working on a project and I've noticed some inconsistency in bootstrap's behavior that I would like to solve. When a popover (or tooltip, whatever, they're basically the same) is nearing the edge of the screen - if it's a right-sided one,…
yuvi
  • 17,529
  • 7
  • 49
  • 88
13
votes
3 answers

Bootstrap tooltip showing behind modal window

I have a modal window which consists this div:
@Html.Label("Domain account…
szpic
  • 3,878
  • 13
  • 48
  • 76
12
votes
2 answers

Adjust Bootstrap Tooltip Width

I am using bootstrap tooltips version 3 and JQuery on my form which has textboxes with different widths. I was wondering if there is a way to adjust the width of the tooltip according to the element it is on. i.e I would like the tooltip content to…
user1527762
  • 847
  • 4
  • 11
  • 27
11
votes
1 answer

UI-Bootstrap Popover goes off the screen

I'm using the Ui-bootstrap popover from UI Bootstrap (AngularJS). and the popover in the border of the page seems to get out of the screen... Is there a better way to position the popover - so it could stay inside the screen? as you can see popover…
Alan Brian Dardic
  • 111
  • 1
  • 5
10
votes
3 answers

Bootstrap tooltip data-container=body and limit scope of css on .tooltip-inner

I am using bootstrap 3.3 tooltips and had an issue with the tooltips being cropped/hidden. I solved this by setting data-container="body".
Jason
  • 1,467
  • 2
  • 11
  • 7
9
votes
10 answers

Auto hide bootstrap tooltip

I want to hide automatically the Boostrap tooltip after few seconds.
Dhanil
  • 352
  • 2
  • 5
  • 14
9
votes
3 answers

Angular UI Tooltip overflowing screen

I have a tooltip (http://angular-ui.github.io/bootstrap/) with a status notification, but when this notifications is to large, it overflows the screen limits. here is a print of what is happening: I couldn't find any attribute in angular ui that…
jgabrielfaria
  • 1,223
  • 3
  • 14
  • 19
8
votes
5 answers

Refresh an element so its new tooltip shows (in jQuery/Javascript)

I have an html element which is using bootstrap tooltip to show a title when hovering over it. However, when you click this element I'm changing the tooltip, but the new tooltip isn't showing until I remove the mouse from it and re-hover over the…
Weblurk
  • 5,763
  • 16
  • 52
  • 101
7
votes
1 answer

Tooltip not working despite having JQuery and Bootstrap installed

Seemingly similar questions exist here and here but the answers provided don't address my situation. I have a Node/Express/Webpack stack on my server on which I've used npm to install Bootstrap 4 alpha 6 along with tether.js, the required dependency…
TheLearner
  • 2,335
  • 2
  • 29
  • 69
1
2 3
…
15 16