bootstrapでaタグをDisableにする方法

css class の disabledを付ければ良い。 以下のような感じ。

<a href="..." class="disabled">...

これだとクリックイベント発生しそうだが、しない。理由はdisabledクラスはpointer-events: none;を設定しており、これを設定するとクリックイベントが発生しなくなるため。 これはCSS3の機能なので一部ブラウザでは動かない。動かないブラウザは以下で確認できる。

http://caniuse.com/#feat=pointer-events