Issue 1:
I have a disabled button with markup that looks like:

<button id="doc-upload-btn" class="btn btn-default btn-sm" disabled="disabled" title="Please save this document first.">Add document</button>

No tooltip is shown when hovering and/or clicking on this button, using both the tooltip() method in boostrap.js and Chrome's native tooltips.

Since this button is disabled, for better usability I'd like to show a tooltip which explains to users why the button is disabled (and what they can do about that). But it seems like tooltips on disabled form elements (and particularly buttons) are a little weird.

We have several cases, as tested in Chrome:

Native tooltip

<button id="doc-upload-btn" class="btn btn-default btn-sm" title="Please save this document first.">Add document</button>

An "enabled" button shows a native tooltip just fine.

Native tooltip & disabled attribute

<button id="doc-upload-btn" class="btn btn-default btn-sm" disabled="disabled" title="Please save this document first.">Add document</button>

No tooltip shown. This is somewhat understandable, since by definition disabled elements cannot receive :focus events. Googling seems to indicate that disabled elements may or may not receive :hover events, as this is not consistently implemented across browsers.

Native tooltip & disabled class

<button id="doc-upload-btn" class="btn btn-default btn-sm disabled" title="Please save this document first.">Add
document</button>

No tooltip is shown. This case is a bit more puzzling. I expect to have the Bootstrap styles for .disabled applied (and they are), but still have the button be active and usable (it is not). I skimmed for anything in bootstrap.js that was looking for the .disabled CSS class and setting the corresponding disabled="disabled" attribute, but didn't find anything.

Bootstrap tooltip & disabled attribute

<button id="doc-upload-btn" class="btn btn-default btn-sm" disabled="disabled" title="Please save this document first.">Add document</button>
<script>
$("#doc-upload-btn").tooltip();
</script>

No tooltip shown.

Bootstrap tooltip & disabled class

<button id="doc-upload-btn" class="btn btn-default btn-sm disabled" title="Please save this document first.">Add document</button>
<script>
$("#doc-upload-btn").tooltip();
</script>

No tooltip is shown.

It looks like this was discussed a while back for version 2 in #2373, but I'd like to start a fresh conversation about it and see if one of these cases can be made to work. Showing a tooltip on a disabled button (to explain why it's disabled and what can be done to enable it) is a legitimate and important use for tooltips.

Issue 2:
I'm porting a site from Bootstrap 2.3.x to the 3.0 RC1.

In the old site, I have some disabled buttons (<button class='btn disabled'>) that I've added tooltips to using $("#my_button").tooltip(). This works fine even though the button has the disabled class.

In the new site, the tooltip plugin fails when the button has the disabled class. I can manually trigger the tooltip with $("#my_button").tooltip('show'), but hovering over the button does nothing. It works fine if I remove the disabled CSS class from the button. I've also tried using the disabled attribute (disabled="disabled") with the same result.

If this isn't a bug, is there a workaround to allow a tooltip on a button that looks disabled? I don't care about how the button functions - I can programatically disable it's functionality.

Here's a jsfiddle with the old behavior (what I want): http://jsfiddle.net/nRKe8/

And here's an example of the behaviour in 3.0.0-rc1: http://jsfiddle.net/T6U5n/