twitter-bootstrap - 我的 "online-card"需要一些帮助

Question

首先，对不起我的英语。我几乎完成了我的第一张“在线卡片”，但突然间我遇到了一个恼人的问题。我尝试删除页脚和选项卡内容之间的距离(匈牙利语版本可以)。我尝试了很多东西，包括最大高度、各种显示和 flex 技术，但没有任何帮助。我使用了 Bootstrap 。十分感谢你的帮助!

.tab-content {
display: flex;
align-items: flex-start;
flex-wrap: wrap-reverse;
padding: 0.5rem;
}

http://jsbin.com/lojaruc/15/edit?css,output

Answer 1

您的 id="magyar" 有一个类 tabe-pane fade。这就是当您切换到其他选项卡时它没有获得 display: none; 类的原因。只需将其更改为 tab-pane (+other classes) 即可。