Как изменить ширину всплывающего окна начальной загрузки

У меня есть столбец, размеры которого

width:30px и height:25px

Столбец имеет только одну кнопку, если всплывающее окно срабатывает, его ширина масштабируется до ширины столбца ... Может кто-нибудь знает, как увеличить ширину всплывающего окна?

width:100px и height:50

Я использовал следующий код css

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

person Dilkush    schedule 03.06.2016    source источник
comment
Можете ли вы поделиться рабочим примером, пожалуйста?   -  person Francisco Romero    schedule 03.06.2016
comment
извини но у меня нет!   -  person Dilkush    schedule 03.06.2016
comment
я могу попытаться сделать это немного проще, размер моего столбца: ширина: 30 пикселей, высота: 25 пикселей. поэтому размер моего всплывающего окна также будет таким же (ширина: 30 пикселей, высота: 25 пикселей). но я хочу изменить размер на ширину: 100 пикселей; высота: 50 пикселей;   -  person Dilkush    schedule 03.06.2016
comment
Затем измените размер столбца.   -  person Francisco Romero    schedule 03.06.2016
comment
я не могу изменить дизайн   -  person Dilkush    schedule 03.06.2016
comment
Возможный дубликат Изменение ширины всплывающего окна Bootstrap   -  person lmiguelvargasf    schedule 31.05.2017


Ответы (2)


Вы хотите изменить контейнер, который используется с всплывающим окном.

Это можно сделать с помощью Javsascript, где вы инициализируете контейнер всплывающего окна на указанном вами элементе.

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

Решение, которое я тестировал в бета-версии Bootstrap 4:

.popover {
        min-width: 30em !important;
}
person vzR    schedule 18.08.2017