twitter-bootstrap-tooltip

Displaying long text in Bootstrap tooltip

by

I’m not quite sure about your code, here is an example with a long tool-tip value: Element: <a href=”#” rel=”tooltip” title=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas bibendum ac felis id commodo. Etiam mauris purus, fringilla id tempus in, mollis vel orci. Duis ultricies at erat eget iaculis.”>Hover here please</a> Js: $(document).ready(function () … Read more

Using Bootstrap Tooltip with AngularJS

by

In order to get the tooltips to work in the first place, you have to initialize them in your code. Ignoring AngularJS for a second, this is how you would get the tooltips to work in jQuery: $(document).ready(function(){ $(‘[data-toggle=tooltip]’).hover(function(){ // on mouseenter $(this).tooltip(‘show’); }, function(){ // on mouseleave $(this).tooltip(‘hide’); }); }); This will also work … Read more

How to enable Bootstrap tooltip on disabled button?

by

You can wrap the disabled button and put the tooltip on the wrapper: <div class=”tooltip-wrapper” data-title=”Dieser Link führt zu Google”> <button class=”btn btn-default” disabled>button disabled</button> </div> If the wrapper has display:inline then the tooltip doesn’t seem to work. Using display:block and display:inline-block seem to work fine. It also appears to work fine with a floated … Read more

File not found.