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(...

The standard .tooltip from twitter bootstrap has a transparency that I would like to remove. This my HTML: <a href="#" class="btn btn-info" style="margin:10px;" data-toggle="tooltip" data...

I want to hide automatically the Boostrap tooltip after few seconds. <input type="text" title="" data-placement="bottom" style="width:200px" data-toggle="tooltip" autocomplete="off" data-provi...

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...

Bootstrap Tooltip not working in chrome, but working fine in firefox. <script type='text/javascript'> jQuery(document).ready(function () { if ($("[rel=tooltip]").length) { jQuery("[rel=to...

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 fe...

I am using rails 6 version 6.0.3.2 Here are all my steps for setup bootstrap 4: step 1: rails new test_tooltip step 2: rails g controller welcome index step 3: in welcome/index.html.erb <div cla...

Is there a way to hide the OverlayTrigger/Tooltip element by default? eg. overlay={this.state.show ? <Tooltip>showing</Tooltip> : null} works but throws a warning on console: The pro...

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 n...

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: $(docume...

I am trying to use the Bootstrap tooltip in an app of mine. My app is using AngularJS Currently, I have the following: <button type="button" class="btn btn-default" data-toggle="tooltip" data...

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". <!--...--> <span class="callOutImg"> <a h...

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': '...

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 have a modal window which consists this div: <div class="input-group"> <div class="input-group-addon" title="Insert here your domain account name" data-toggle="tooltip" data-placement=...

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...

I had tooltips working earlier and am trying to migrate my component to React. I'm not using react-bootstrap yet because I'm not sure if I'm going to because it's still under heavy development and ...

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...

I have a $("#settings") div with multiple bootstrap tooltips attached to the child elements. For example, <div id="settings" style="display: flex;"> <tbody> <tr> <td width...

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 ...

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 elemen...

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 th...

I am trying to create tooltip for first row of a table created through ng-repeat. But tooltip is not rendering. HTML <tr ng-repeat="item in govtFiltered> <td class="name" data-toggle="...

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...