你应该用
flex-direction: column
以便将水平曲轴箱转换为垂直曲轴箱。
.wrapper{
display:flex;
justify-content:space-evenly;
width:100%;
}
@media screen and (max-width: 768px) {
.wrapper {
flex-direction: column;
}
}
如果我理解正确的话,你应该这样做:
<div class="wrapper">
<div>
<i class="fa fa-clipboard fa-3x" aria-hidden="true"></i>
<h3>Description</h3>
</div>
<div>
<i class="fa fa-building fa-3x" aria-hidden="true"></i>
<h3>Description</h3>
</div>
<div>
<i class="fa fa-users fa-3x" aria-hidden="true"></i>
<h3>Description</h3>
</div>
<div>
<i class="fa fa-university fa-3x" aria-hidden="true"></i>
<h3>Description</h3>
</div>
<div>
<i class="fa fa fa-file-pdf-o fa-3x" aria-hidden="true"></i>
<h3>Description</h3>
</div>
</div>
:)