Twitter Bootstrap et bootstrap-sélectionnez le débordement de sortie

Question

J'utilise twitter bootstrap et ce plugin pour sélectionner le menu http://silviomoreto.github.com/bootstrap-select/.

J'ai un problème lorsque j'essaie d'appliquer cette sélection au contenu des onglets.

http://jsfiddle.net/gbGdY/1/ démonstration pour illustrer le problème.

En dehors des onglets, tout fonctionne correctement, mais le débordement de tabulation interne ne fonctionne pas correctement.

De plus, si je tente de passer outre trop-plein de pattes (comme celui-ci)

.tab-content { 
    overflow: visible !important; 
} 

alors je me fais un autre problème - et le menu descend à la hauteur étend pleine. Donc, ma question est de savoir comment éviter ce problème et faire en sorte que le menu de sélection fonctionne à l'intérieur de l'onglet, tout comme il fonctionne en dehors des onglets.

Answer 1

J'espère que vous êtes toujours à la recherche d'une solution? si vous êtes, vous pouvez essayer celui-ci:

ajouter overflow: hidden à l'onglet contenu

<div class="tab-content" style="overflow: hidden"> 

et ajoutez-conteneur de données onglet volet/onglet contenu

<div class="btn-group bootstrap-select" data-container="tab-pane"> 

et ajouter/modifier les règles CSS selon les besoins

.dropdown-menu { 
    height:200px; 
} 

.tab-content{ 
    height: 350px; 
    background: green; 
    padding: 2%; 
} 

et il se révélera être un peu quelque chose comme ça: http://jsfiddle.net/gbGdY/1/

espérons que cela aide! -r

Answer 2

Définissez le .tab-content sur overflow: visible comme vous l'avez fait.

Décocher ensuite:

.dropdown-menu { height:200px; } 

ou un ensemble à quelque hauteur que vous voulez.