Tooltip on disabled elements and btn-group
Created by: Adysone
Hi, I saw so many issues with that, but the only way to do it is to wrap the disabled element with a <div>
(or a <span>
, it can work).
BUT!
I would like to put it on a btn wrapped by a btn-group and wrap my disabled element by a span breaks the CSS...
Within a <div>
<div class="btn-group">
<a href="#href" class="btn btn-default" data-toggle="tooltip" title="The tooltip title">
<i class="fa fa-edit"></i>
</a>
<div data-toggle="tooltip" title="The tooltip title">
<a href="#href_disabled" class="btn btn-default disabled">
<i class="fa fa-remove"></i>
</a>
</div>
</div>
Within a <span>
<div class="btn-group">
<a href="#href" class="btn btn-default" data-toggle="tooltip" title="The tooltip title">
<i class="fa fa-edit"></i>
</a>
<span data-toggle="tooltip" title="The tooltip title">
<a href="#href_disabled" class="btn btn-default disabled">
<i class="fa fa-remove"></i>
</a>
</span>
</div>
Without a wrapper, but tooltip doesn't show up
<a href="##" class="btn btn-default disabled" data-toggle="tooltip" title="Impossible de supprimer cette variété car elle contient des données"><i class="fa fa-remove"></i></a>