光滑的滑块在 bootstrap 3 标签内容中不能完美工作

Question

灵活的滑块在 bootstrap 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 */

但是当我尝试运行时，滑块工作得很好，但是箭头消失了，并且显示了 scrollbar-x :S :S :S

http://prntscr.com/82m34c

Answer 1

它对我有用，当我在 bs3 选项卡窗格中有两个光滑的滑块时，我遇到了同样的问题，当添加你的 css 代码时 - 这就是修复它

如果你得到一个滚动 - 尝试在两个维度上更改溢出时的 overflow-y 或者直接忽略该规则

Answer 2

试试这个

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

光滑的滑块在 bootstrap 3 标签内容中不能完美工作

slick slider does't work perfectly in the bootstrap 3 tab content

bootstrap-tabs