Bootstrap .col会调整为在台式机上而不是在移动设备上显示屏幕的尺寸

Question

我使用bootstrap 4制作了一个照相馆。

<https://rocallisa.xyz/photos>

根据台式机的屏幕宽度，它确实在一行中显示的图像较少，但是在移动设备上更改屏幕宽度时，它将不起作用。

<?php  foreach ($photos as $photo) { ?>
    <div class="col-md-4 col-sm-6 col-12 col gallery-col">
            <img class="gallery-image" src="<?php echo site_url(); ?>assets/images/<?php echo $photo['photo_name'];?>" alt="No Image Found"/>
        </a>
    </div>
<?php } ?>

Answer 1

您忘记在uniq_id标签内添加此标签：

unsigned int

为了响应工作，这是必要的。