How to change the width of bootstrap popover

Question

I Have a column whose dimensions are

width:30px and height:25px

The column bears only one button if the popover is triggered, It's width scales to the width of column ... Can someone know how to increase the width of the popover?

width:100px and height:50

I have used the following css code

.popover{
    widht:100px;
    height:50px;
    overflow:visible;
}

Answer 1

You want to change the container that is used with the popover.

This can be done via through Javsascript where you initialize the container of the popover on your specified element.

// where 'body' is the container you want to contain the popover within
$('[data-toggle="popover"]').popover({
container: 'body' });