Отображать бутстрепные popovers вне divs с переполнением: скрытый

У меня вопрос о том, как получить загрузочный popover, чтобы показать выше (за пределами) слайдер, который имеет оболочку переполнения: скрытый, что я не могу обойти.

Я использую этот слайдер: http://owlgraphic.com/owlcarousel/ Я также использую Twitter bootstrap 2.3.2 popovers: http://getbootstrap.com/2.3.2/javascript.html#popovers

оба хорошо работают вместе, за исключением переполнения: скрытые на карусели, похожие на такие проблемы: Попутчики в Bootstrap 2.2.1 https://github.com/twbs/bootstrap/issues/6122

Мой вопрос конкретно: кто-нибудь получил это, чтобы работать? Я сделал несколько ходов с высотой и отрицательным отрывом, чтобы показать вертикальную высоту, но если popover находится на краю моего погружения, он будет обрезаться по краю. сообщите мне, если мне нужно предоставить дополнительную информацию.

Спасибо Стеф

Ответ 1

Хорошо, поэтому я понял это.

Я изменил:

$('.popover-with-html').popover({ html : true, });

в

$('.popover-with-html').popover({ html : true, container: 'body'});

и он работает.

container: 'body'

был ключом, я надеюсь, что это поможет кому-то.

Спасибо

Стеф

Ответ 2

Добавьте в свой CSS следующее. Переопределить свойство переполнения слайдера.

.carousel-inner{
    overflow:visible;
 }

Я надеюсь, что это поможет кому-то.

Получил его от https://github.com/twbs/bootstrap/issues/6091

Ответ 3

Я разрешил его, переписывая карусель внутри себя в моем собственном CSS. Увеличьте высоту, чтобы показать выпадающее меню

.carousel-inner {height: 350px; width: 100%; min-width: 650px;}