2012-09-11 9 views
8

Sto utilizzando Bootstrap e un modulo incorporato in riquadri di schede che contiene i menu a discesa dei pulsanti. A volte la quantità di elementi nei menu a discesa trabocca l'altezza del pannello delle schede. Posso sempre aumentare l'altezza minima del pannello delle schede, ma questa soluzione è hackerata. Ho un esempio jsfiddle qui:Pulsante di avvio a discesa nel riquadro della scheda che causa overflow

http://jsfiddle.net/Sudp7/1/

In esso, si può vedere come la discesa viene tagliato nella parte inferiore del riquadro della scheda. C'è un modo per fare in modo che il menu a discesa superi l'altezza del suo contenitore principale? Ho provato a giocare con le proprietà z-index e overflow-y senza alcun risultato. Ogni suggerimento e 'ben accetto.

Grazie, Richard

risposta

19

Se la modifica overflow è un'opzione per voi, allora il selettore a destra è .tab-content

.tab-content { 
    overflow: visible; 
} 
+0

Grazie per questo, ero sicuro che z-index era la soluzione e ho anche impostato overflow-y to visible sui singoli riquadri ma non sul selettore del contenuto della scheda. Grazie ancora! Accettato e voterei se avessi la reputazione di farlo. –