Question

-3

How to position a Bootstrap popover?

rated 0 times [ 2] [ 5] / answers: 1 / hits: 150372 / 12 Years ago, tue, may 29, 2012, 12:00:00

I'm trying to position a Bootstrap popover for a trigger that sits on the far top-right corner of a 960px wide web page.

Ideally, I'd position it on the bottom and move the arrow with CSS (so the arrow is on the top-right of the popover). Unfortunately the 'placement':'bottom' positioning is not enough, since it will center it below the trigger.

I'm looking for solution that will place the popover statically below and on the left of the trigger.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

alora

Add To Favorites

Follow

Total Points: 284

Total Questions: 99

Total Answers: 92

Location: Singapore

Member since Sat, Jul 25, 2020

4 Years ago

answered 12 Years ago longd · Accepted Answer

This works. Tested.

.popover {

    top: 71px !important;

    left: 379px !important;

}