affichage de bootstrap popovers à l'extérieur de divs avec overflow:hidden

J'ai une question à propos de la façon d'obtenir un bootstrap liste de montrer ci-dessus (à l'extérieur) d'un curseur, qui est un wrapper de overflow:hidden, que je n'arrive pas à obtenir autour de.

Je suis à l'aide de ce curseur: http://owlgraphic.com/owlcarousel/
Je suis également en utilisant Twitter bootstrap 2.3.2 popovers: http://getbootstrap.com/2.3.2/javascript.html#popovers

les deux fonctionnent très bien ensemble, à l'exception de l'overflow:hidden sur le carrousel, qui est similaire à des questions de ce genre:
Popovers en 2.2.1 Bootstrap
https://github.com/twbs/bootstrap/issues/6122

Ma question plus précisément, c'est: quelqu'un A eu cela fonctionne? J'ai fait quelques mouvements avec la hauteur et la marge négative pour obtenir la hauteur verticale montrant, mais si la liste est sur le bord de mon habillage de plongée, il sera coupé au bord.
s'il vous plaît laissez-moi savoir si j'ai besoin de fournir des détails supplémentaires.

Merci
Steph

InformationsquelleAutor StephanieF | 2013-08-12
  1. 76

    Ok, alors j'ai pensé que celui-ci dehors.

    J'ai changé:

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

    à:

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

    et ça fonctionne.

    container: 'body'

    était la clé, j'espère que cela aide quelqu'un.

    Grâce

    Steph

    • J'ai un) des nouvelles d'un problème avec bootstrap de listes déroulantes, cependant un conteneur option n'est pas disponible.
    • Que voulez-vous dire "non disponible"?
    • Merci Stéphanie! Fonctionne avec Bootstrap 3.3.3 et Owl Carousel 2 Beta. Résolu mon problème avec Bootstrap info-bulle
    • Cela ne semble pas fonctionner avec Bootstrap 4.0 et Owl Carousel
    InformationsquelleAutor StephanieF
  2. 0

    Ajoutez ce qui suit dans votre CSS.
    Remplacer propriété de dépassement de curseur.

    .carousel-inner{
    overflow:visible;
 }

    J'espère que cela aide quelqu'un.

    L'ai eu à partir https://github.com/twbs/bootstrap/issues/6091

    InformationsquelleAutor shona
  3. 0

    Je l'ai résolu en l'écrasant carrousel-intérieure dans mon propre css. Augmenter la hauteur pour afficher la liste déroulante,

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