tooltip popover offset when rotate
Created by: urielzen
There is a bug in Bootstrap (Version Currently v3.2.0) when using tooltip or popovers on a rotated element.
When using the CSS below, the tooltip is displayed with a big offset.
transform: rotate(270deg);
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
margin-top: 59px;
width: 100px;
position: relative;
left: -40px;
top: -90px;
I think the tooltip is appearing where the element would be if it wasn't rotated, but the thing that drives me crazy is that it used to work fine with an older version of bootstrap.
NOT WORKING (Version Currently v3.2.0) http://jsfiddle.net/urielzen/7xf9m914/
WORKING FINE (v2.3.2) http://jsfiddle.net/urielzen/gh0yuo7w/