Change standard position of tooltip if hovered/active in angular

Question

Is it possible to change the standard positioning of a tooltip?

In my case, when using "bottom" I would like the tooltip to be a bit higher within the area which activated the toolip.

I searched along and did not find the part within bootstrap or bootstrap-templates where this values are set.

I guess I have to use the $tooltipProvider to change behaviour.

Please see my plunkr: http://plnkr.co/edit/neSprkPssboCiHzM4uE2?p=catalogue As you can see, the tooltip shows up at the wrong place.

Answer 1

The tooltip directives provide several optional attributes to control how they will display. i.e.

tooltip-placement: Where to place it? Defaults to "top", but also accepts "bottom", "left", "right".

Refer https://github.com/angular-ui/bootstrap/blob/master/src/tooltip/docs/readme.md