How to make popover on the screen bottom


#1

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.


#2

Did you try the following?
Position:absolute;
Left: 50%;
Bottom:0;


#3

thanks.

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


#4

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


#5

try this css

.popover-content{
    top:50%!important;
    bottom: 0px!important;
    left: 105px!important;
}