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.

245 questions
9
votes
4 answers

How to make bootstrap's tooltip disappear after 2 seconds on hover

I'm using the Tooltip() from Twitter-Bootstrap. When hovered over an element, a tooltip shows up. But it stays there unless you move your mouse away from it. How can I make it dissapear after a few seconds it popped up, in stead of waiting until…
Quoter
  • 4,236
  • 13
  • 47
  • 69
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,813
  • 5
  • 46
  • 94
7
votes
2 answers

Bootstrap tooltip not rendering with angular ng-repeat

I am trying to create tooltip for first row of a table created through ng-repeat. But tooltip is not rendering. HTML
Gyanesh Gouraw
  • 1,991
  • 4
  • 23
  • 31
5
votes
1 answer

bootstrap tooltip being cut off

I'm trying to add bootstrap tooltips to some icons on a list, but the tooltip is partially hidden by the row height: What style do I need to add to my code below to have the tooltip hover on top?
Dave
  • 1,257
  • 2
  • 27
  • 58
5
votes
7 answers

Bootstrap tooltip is not working on my web project

I'm actually in a very weird situation and somehow can't be able to figure out what non-sense is happening to me. The situation is I'm actually implementing my bootstrap tooltip fine and I have checked it on the JsFiddle, it is working fine there…
Alok
  • 8,452
  • 13
  • 55
  • 93
5
votes
3 answers

How to add tooltip on each select option with bootstrap-select

I am trying to add tooltip to each select option with bootstrap-select. While I inspecting it seems the select-js converting the select tag to ul. I have no idea this is the reason for my code is not working. html
ub_303
  • 310
  • 1
  • 8
  • 22
5
votes
2 answers

React Bootstrap hide tooltip

Is there a way to hide the OverlayTrigger/Tooltip element by default? eg. overlay={this.state.show ? showing : null} works but throws a warning on console: The prop overlay is marked as required in OverlayTrigger, but its value…
Avery235
  • 4,756
  • 12
  • 49
  • 83
5
votes
3 answers

Bootstrap: hover over the tooltip text to click a link

I am using the tooltip tool in Bootstrap 3.x in my web app to show helpful info. It works in this way: $('[data-toggle="tooltip"]').tooltip({ 'animation': true, 'placement': 'top', 'trigger': 'hover', 'html':true, …
curious1
  • 14,155
  • 37
  • 130
  • 231
5
votes
2 answers

Bootstrap tooltip click trigger not working

Absolute noob here. My aim is to get the bootstrap-tooltip to appear on clicking a bootstrap-glyphicon. But it appears on hover instead. Sharing the jsfiddle here - https://jsfiddle.net/govind91/Lzzgxcro/ This is the html
Govind
  • 53
  • 1
  • 1
  • 3
5
votes
2 answers

Bootstrap 3 tooltips visible on page load

I'm using Bootstrap 3 tooltips, used the examples from the docs, but the problem is they show up automatically at start, when the page is loaded all the tooltips are visible! i want them to show only on hover, what should I do?
yazfield
  • 1,233
  • 11
  • 18
5
votes
1 answer

twitter bootstrap tooltip is misplaced

Please take a look at this jsfiddle I gave position absolute to a question-sign icon with top:0; right: -42px; therefore the element that shows tooltip is outside of row. I think this has caused tooltip to not get proper width or misplace the…
mhesabi
  • 1,140
  • 3
  • 22
  • 48
4
votes
2 answers

Using Bootstrap 5 to create custom tooltips

I am using Bootstrap 5 and am attempting to create a custom tooltip. I see the markup used in the Bootstrap 5 documentation here. Bootstap 5 Tooltips Markup I gathered (and looked online) that the tooltips are not in the calling element and are…
cdub
  • 24,555
  • 57
  • 174
  • 303
4
votes
1 answer

Make Screen reader read the tooltip content when it appears

I am using bootstrap's tool-tip functionality. I have a button and when it is clicked a tooltip appears. I am able to achieve this functionality by using trigger option of Bootstrap tool-tip plugin. However, screen readers are not able to read the…
user7761868
  • 94
  • 1
  • 6
4
votes
1 answer

How to initialize bootstraps tooltip after including with ajax?

I am loading content (HTML) to my website with ajax. This includes, inter alia, this snippet: Hover me... As described here: bootstrap 3 > tooltip, i need to…
Alex
  • 65
  • 1
  • 7
4
votes
3 answers

create a hover-tooltip which can be clicked in angularjs

I am trying to create a hover-tooltip using Bootstrap UI. The tooltip should be visible when mouse is hovered on the button, the tooltip has a link which should be clickable. But the default popover and tooltip provided by Bootstrap UI, disappear…
akashrajkn
  • 2,295
  • 2
  • 21
  • 47
1
2
3
…
16 17