Change standard position of tooltip if hovered/active in angular

Issue

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.

Solution

To change the standard behaviour of tooltip placement (left, top, right, bottom), it is best using CSS, for example showing bottom tooltip a little bit higher (as I wanted):

.tooltip.bottom{
margin-top:-80px;
}

In my case, I have a custom.css overwriting the standard bootstrap CSS. You could exchange it there also.

Answered By - Pille