php - 当我将所有图像设置为 col-6 时，为什么我的图像会位于彼此下方？

Question

我不知道为什么我的图像位于 col-6 Bootstrap div 中，但它们却位于彼此下方。我希望它们彼此相邻，而不是在下方。代码，以防下面的文本不可读:https://imgur.com/S6tSXng

页码:https://imgur.com/7FZl2lM

我已经尝试将 col-6 放在 foreach block 中，但它只会使第二个图像变小。我不知道还能尝试什么。

<section id="listaoldal">
    <div class="container">
        <div class="row">
           <div class="col-6">
           <?php foreach ($characterDetails as $key):?>
           <img data-toggle="modal" data-target="#<?= $key['modal']?>"                              class="img-fluid mx-auto d-block my-5 ddimages"src="characters/<?=$key['link'] ?>">
           <?php endforeach;?>

好吧，我希望图片彼此相邻，就像它们不应该在下面一样。

Answer 1

foreach 从 col-6 中取出。

<?php foreach ($characterDetails as $key):?>
<div class="col-6"><img ... /></div>
<?=endforeach?>