[英]Why do I get every title of each post when I filter them in single.php
[英]Why do my images get positioned below each other when I set all of them to col-6?
我不知道为什么即使我的图像都位于col-6 Bootstrap div中,它们也为何彼此位于下方。 我希望他们彼此相邻,而不是下方。 代码,以防下面的文本不可读: https : //imgur.com/S6tSXng
网页: https : //imgur.com/7FZl2lM
我已经尝试过将col-6放在foreach块中,但是它只会使第二张图像变小。 我不知道还能尝试什么。
<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;?>
好吧,我希望这些图像彼此相邻,就像它们不应该位于下方。
在col-6中进行foreach。
<?php foreach ($characterDetails as $key):?> <div class="col-6"><img ... /></div> <?=endforeach?>
<section id="listaoldal">
<div class="container">
<div class="row">
<?php foreach ($characterDetails as $key):?>
<div class="col-6">
<img data-toggle="modal" data-target="#<?= $key['modal']?>" class="img-fluid mx-auto d-block my-5 ddimages"src="characters/<?=$key['link'] ?>">
<?php endforeach;?>
实际上,您的图像放置在一个“ col-6”中,您必须为每个图像创建一个,例如:
<div class="col-6">
<img .../>
</div>
<div class="col-6">
<img .../>
</div>
<div class="col-6">
<img .../>
</div>
...
快速举例说明您可以使用什么来使其工作:
<section id="listaoldal">
<div class="container">
<div class="row">
<?php foreach ($characterDetails as $key):?>
<div class="col-6">
<img data-toggle="modal" data-target="#<?= $key['modal']?>" class="img-fluid mx-auto d-block my-5 ddimages"src="characters/<?=$key['link'] ?>">
</div>
<?php endforeach;?>
我建议您阅读有关Bootstrap网格系统的更多信息: https : //getbootstrap.com/docs/4.0/layout/grid/
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.