gpt4 book ai didi

html - 使 Bootstrap 列在移动设备上停止中断

转载 作者:行者123 更新时间:2023-12-02 03:32:19 25 4
gpt4 key购买 nike

<分区>

我试图让 Bootstrap 行中的内容按比例缩小,而不是在移动设备上分成单列。我该怎么做?这是我目前所拥有的示例:

<div class="row justify-content-center">
<div class="col-xs-4" style="padding:0!important;">
<a class="btn btn-light" style="width: 200px; height: 200px;>
<h2> title </h2>
<img src="" style="width:100px; height:100px;">
</a>
</div>
<div class="col-xs-4" style="padding:0!important;">
<a class="btn btn-light" style="width: 200px; height: 200px;>
<h2> title </h2>
<img src="" style="width:100px; height:100px;">
</a>
</div>
<div class="col-xs-4" style="padding:0!important;">
<a class="btn btn-light" style="width: 200px; height: 200px;>
<h2> title </h2>
<img src="" style="width:100px; height:100px;">
</a>
</div>
</div>

当我在手机上打开它时,每一列在页面上显示为一行。我希望所有三个都在移动设备上位于同一行。

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com