Отображать бутстрепные 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;}