javascript - Bootstrap 自动在我的网页 Php 中隐藏我的图像

Question

我正在使用这样的 Bootstrap 以内联方式显示我的数据 例如，

但是当我添加一些 Bootstrap 分类时，我的图像没有显示。 我的代码是:

<div class="container">
    <h3>Teachers:</h3>
    <div class="row">
        <?php
            $queryTeachers = "SELECT places.PLACE_NAME,teacher_status.PERSON_NAME,DATE_FORMAT(teacher_status.STATUS_DATE,'%d-%m-%Y') as STATUS_DATE,DATE_FORMAT(teacher_status.STATUS_TIME,'%h:%i:%s %p') as STATUS_TIME, teachers.IMAGE_FOLDER AS IMAGE_FOLDER,teachers.IMAGE_NAME as IMAGE_NAME FROM places,teacher_status,teachers WHERE places.PLACE_ID=teacher_status.PERSON_CURRENT_PLACE AND teachers.TEACHER_ID=teacher_status.TEACHER_ID;";
            $resultTeachers = mysqli_query($conn,$queryTeachers) or die("Unable to select status". mysqli_error($conn));
            while($row=mysqli_fetch_assoc($resultTeachers)) {
                echo '<div class="col-lg-3">';
                echo '<img src="'."../".$row['IMAGE_FOLDER'].$row['IMAGE_NAME'].'" width="130" height="150"/>';
                echo "<br>";
                echo "Persone Name : ".ucwords($row['PERSON_NAME']);
                echo "<br>";
                echo "Current Place : ".ucwords($row['PLACE_NAME']);
                echo "<br>";
                echo "Status Date : ".$row['STATUS_DATE'];
                echo "<br>";
                echo "Status Time : ".$row['STATUS_TIME'];
                echo "<br><br>";
                echo '</div>';
            }
        ?>
    </div>
</div>

我对 bootstrap 完全陌生，只知道基础知识。

Answer 1

您好，请尝试以下仅用于演示的代码

<div class="container">
  <h3>Teachers:</h3>
  <div class="row">
    <?php for($i=1;$i<=4;$i++) {?>
    <div class="col-lg-3">
        <div class="img-responsive"><img src="http://via.placeholder.com/150x150"></div>
        <p>This is some text.</p>
        <p>This is some text.</p>
        <p>This is some text.</p>
    </div>
    <?php } ?>

</div>