当前位置:  开发笔记 > 前端 > 正文

引导选项卡的内容下降

如何解决《引导选项卡的内容下降》经验,为你挑选了1个好方法。

我的Bootstrap标签窗格内容有很大问题。



Show the last 10 Games

Show the last 10 Games

Show the last 10 Games

Show the last 10 Games

Show the last 10 Games

内容在每个选项卡上的显示都更加详细。
所以#mastery1看起来不错,但是#mastery2的内容比#mastery1等低200px。
我不明白为什么。我检查每个

您可以在“精通选项卡”上看到它:https : //lolstats.org/HORNETDanny/euw



1> Lefka..:

您缺少精通标签的div。使用tab-content将精通div包裹在新的div中。

Show the last 10 Games

Show the last 10 Games

Show the last 10 Games

Show the last 10 Games

Show the last 10 Games

这将应用以下CSS规则:

.tab-content>.tab-pane {
    display: none;
}

由于div具有高度,因此每个div都占用页面上的空间。将它们设置为display: none,则没有高度。当选定的div具有activecss类时,将应用以下规则来覆盖display none

.tab-content>.active {
    display: block;
}

推荐阅读
ERIK又
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有