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;

}

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

Answer 2

我有同样的问题，我想获得标签内元素的宽度我不知道你是否想要在显示或不显示标签时做你想做的事情，但我想这可以帮助你点击标签并获得元素功能：

$('#mytab a[href="#tab2"]').on('shown.bs.tab', function (e) {
//the mytab is the id of your tab header and tab2 is 
the tab which is not active yet
});

希望这可以帮助你

Twitter Bootstrap使用hide而不是display：none

2 个答案: