How to make popover on the screen bottom


Hi Everyone,

I can css the popover on top with .popover-style{position:0px; top:100px}, but how can I specify the popover position from bottom to let it show on the screen bottom.

I tried .popover-style{position:0px; bottom:100px}, but it does not work.

Any thought,thanks.


Did you try the following?
Left: 50%;



Tried, but still not work, it still shows on the center of screen not the bottom of screen.


Have you already inspected your popover. Maybe there are other rules overriding yours?


try this css

    bottom: 0px!important;
    left: 105px!important;