javascript - AngularJS: UI Bootstrap Popover Placement 'bottom-right' - Stack Overflow

admin管理员组

文章数量:1406140

I am using UI Bootstrap and AngularJS, and I want to have popover with placement 'bottom-right', instead of the normal 'bottom' or 'right'. The picture below shows how I would like it work.

Anybody know how to do this? I've seen this somewhat addressed for plain old bootstrap, but not ui bootstrap here: bootstrap popover: advanced positioning

I am using UI Bootstrap and AngularJS, and I want to have popover with placement 'bottom-right', instead of the normal 'bottom' or 'right'. The picture below shows how I would like it work.

Anybody know how to do this? I've seen this somewhat addressed for plain old bootstrap, but not ui bootstrap here: bootstrap popover: advanced positioning

• javascript
• css
• angularjs
• twitter-bootstrap
• angular-ui-bootstrap

Share Improve this question Follow edited May 23, 2017 at 12:23 CommunityBot 111 silver badge asked Dec 16, 2015 at 13:02 Tom O'BrienTom O'Brien 1,84199 gold badges4747 silver badges7676 bronze badges 8

• 1 Have you tried popover-placement="bottom right"? – Mihail Stancescu Commented Dec 16, 2015 at 13:08
• Can you tried with custom CSS? – Dinesh ML Commented Dec 16, 2015 at 13:09
• Please Read this ui-bootstrap – Maher Commented Dec 16, 2015 at 13:10
• @ Mihail Stancescu "bottom right" doesn't work - it causes the popover to be placed wrong, and doesn't have an arrow part at all for me. – Tom O'Brien Commented Dec 16, 2015 at 13:16
• @Maher - have read the ui-bootstrap page, but it only give "top, bottow, left and right" as options for popover-placement – Tom O'Brien Commented Dec 16, 2015 at 13:17

 |  Show 3 more ments

2 Answers 2

Sorted by: Reset to default 4

Just keep the value of popover-placement to bottom-right.
Works in the latest builds.

This feature was added under PR #4899 and will be available in the next release.

本文标签： javascriptAngularJS UI Bootstrap Popover Placement 39bottomright39Stack Overflow