我的“在线卡”需要一些帮助

时间:2018-04-24 14:15:24

标签: css twitter-bootstrap css3 flexbox bootstrap-4

首先,对不起我的英语。我几乎完成了我的第一张“在线卡”,但突然间我有一个恼人的问题。我尝试删除页脚和标签内容之间的距离(匈牙利语版本没问题)。我尝试了很多东西,包括最大高度,各种显示和灵活技术,但没有任何帮助。我用过Bootstrap。非常感谢你的帮助!

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

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

2 个答案:

答案 0 :(得分:1)

您的id="magyar"tabe-pane fade个班级。这就是为什么切换到其他标签时没有获得display: none;类的原因。只需将其更改为tab-pane (+other classes)即可。

答案 1 :(得分:0)

只需更改

 <div id="magyar" class="tabe-pane fade ">

 <div id="magyar" class="tab-pane fade ">

您的班级名称中有一个拼写错误