光滑滑塊簡化版，在自舉3選項卡內容完美工作

Question

光滑滑塊在引導3選項卡內容完全簡化版，工作和我搜索解決方案，但發現這一個

.tab-content > .tab-pane, 
 
.pill-content > .pill-pane { 
 
    display: block;  /* undo display:none   */ 
 
    height: 0;   /* height:0 is also invisible */ 
 
    overflow-y: hidden; /* no-overflow    */ 
 
} 
 

 

 
.tab-content > .active, 
 
.pill-content > .active {[![enter image description here][1]][1] 
 
    height: auto;  /* let the content decide it */ 
 
} /* bootstrap hack end */

但是當我嘗試運行它的滑塊工作做精，但箭頭消失，是滾動條-X是showen：S：S：S

http://prntscr.com/82m34c

Answer 1

試試這個

.tab-content > .tab-pane:not(.active), 
 
.pill-content > .pill-pane:not(.active) { 
 
    display: block; 
 
    height: 0; 
 
    overflow-y: hidden; 
 
}

Answer 2

這對我的工作，我有同樣的問題時，我有BS3的標籤窗格中兩個出色的滑塊，將你的CSS代碼的時候 - 這就是解決它

如果你得到一個滾動 - 嘗試改變溢溢-Y在這兩個dimentions或只是關閉那些規則