Các tab Khởi động Twitter và các vấn đề tràn chọn bootstrap-chọn

Tôi gặp sự cố khi cố gắng áp dụng lựa chọn này cho nội dung trong các tab.

http://jsfiddle.net/gbGdY/1/ bản trình diễn để minh họa sự cố.

Tab bên ngoài, mọi thứ hoạt động tốt, nhưng bên trong tab - tràn không hoạt động chính xác.

Ngoài ra, nếu tôi cố gắng ghi đè tràn tab (như thế này)

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

sau đó tôi nhận được một vấn đề khác - đơn thả xuống và mở rộng với chiều cao đầy đủ.

Vì vậy, câu hỏi của tôi là cách tránh vấn đề này và làm cho menu chọn hoạt động bên trong tab giống như nó hoạt động bên ngoài tab.

2013-03-16 evfwcqcg

Hy vọng bạn vẫn đang tìm giải pháp? nếu bạn đang có, bạn có thể thử cái này:

add overflow: hidden đến tab nội dung

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

và thêm dữ liệu chứa như tab cửa sổ/tab nội dung

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

và thêm/sửa đổi các quy tắc css theo yêu cầu

.dropdown-menu { 
    height:200px; 
} 

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

và nó sẽ trở thành một số như sau: http://jsfiddle.net/gbGdY/1/

hy vọng điều này sẽ hữu ích! -r

2013-06-20 13:47:44 rand0m

Đặt .tab-content thành overflow: visible như bạn đã làm.

Sau đó thiết lập:

.dropdown-menu { height:200px; }

Hoặc đặt nó vào bất cứ điều gì bạn muốn chiều cao.

2013-03-16 19:50:16 doitlikejustin

Trả lời