jquery - Twitter Bootstrap 使用隐藏而不是显示 :none

Question

我正在使用 Twitter Bootstrap 开发网站，但我对选项卡有疑问，因为它们使用的是 display: none 而不是隐藏选项卡。它会导致隐藏选项卡上的 iframe 和位置元素出现问题。

我的问题是有没有办法配置 bootstrap 以不同于默认实现的方式隐藏选项卡？

Answer 1

正如上面评论中所建议的，您必须使用可见性选项。位置也必须改变，因为 div 正在占用空间，当你切换标签时，它会切换到页面上的不同位置。 CSS 更改的最终结果如下所示:

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  visibility:hidden;
  position: absolute;
  width: 930px;
}

.tab-content > .active,
.pill-content > .active {
  display: inline;
  visibility:visible;
   position: absolute;
   width: 930px;

}

修改为您自己的解决方案。