Grid 引导col-xs-6仍在堆叠,而不是并排显示2个png图像
我有6张png图像,在col-lg-2和col-sm-4上看它们看起来不错,但在col-xs-6上,每行仅显示一张图像,所有图像都堆叠在一起 谢谢你抽出时间Grid 引导col-xs-6仍在堆叠,而不是并排显示2个png图像,grid,Grid,我有6张png图像,在col-lg-2和col-sm-4上看它们看起来不错,但在col-xs-6上,每行仅显示一张图像,所有图像都堆叠在一起 谢谢你抽出时间 <div class="container"> <div class="row"> <div class="col-lg-2 col-sm-4 col-xs-6 text-center"> <div class="mt-5 mx-auto">
<div class="container">
<div class="row">
<div class="col-lg-2 col-sm-4 col-xs-6 text-center">
<div class="mt-5 mx-auto">
<img src="img/python.png" height="75px" width="75px">
</div>
</div>
<div class="col-lg-2 col-sm-4 col-xs-6 text-center">
<div class="mt-5 mx-auto">
<img src="img/ruby.png" height="75px" width="73px">
</div>
</div>
<div class="col-lg-2 col-sm-4 col-xs-6 text-center">
<div class="mt-5 mx-auto">
<img src="img/javascript.png" height="70px" width="70px">
</div>
</div>
<div class="col-lg-2 col-sm-4 col-xs-6 text-center">
<div class="mt-5 mx-auto">
<img src="img/html.png" height="75px" width="85px">
</div>
</div>
<div class="col-lg-2 col-sm-4 col-xs-6 text-center">
<div class="mt-5 mx-auto">
<img src="img/css.png" height="75px" width="62px">
</div>
</div>
<div class="col-lg-2 col-sm-4 col-xs-6 text-center">
<div class="mt-5 mx-auto">
<img src="img/angular.png" height="75px" width="70px">
</div>
</div>
</div>
</div>
如果没有,那么
感谢您的回复。我尝试添加flex nowrap。现在,所有6个图像保持一致,因此当我缩小屏幕时,其他图像都在屏幕外。您需要缩小图像,不确定引导是否有任何帮助。。。