Javascript 引导程序自动将我的图像隐藏在我的网页Php中

Javascript 引导程序自动将我的图像隐藏在我的网页Php中,javascript,php,html,css,twitter-bootstrap,Javascript,Php,Html,Css,Twitter Bootstrap,我使用像这样的引导以内联方式显示我的数据 比如说, 但当我添加一些引导分类时,我的图像就不会显示。 我的代码是: <div class="container"> <h3>Teachers:</h3> <div class="row"> <?php $queryTeachers = "SELECT places.PLACE_NAME,teacher_status.PERSON_NAME,D

我使用像这样的引导以内联方式显示我的数据 比如说,

但当我添加一些引导分类时,我的图像就不会显示。 我的代码是:

<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>

教师:

不要在图像中使用固定的高度和宽度,只需使用一个类别,即:img


例如:img标签中的class=“img responsive”你好,请尝试以下仅用于演示的代码

<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>

教师:
这是一些文本

这是一些文本

这是一些文本


行,带有
回音“ok抱歉…”。加银行。。。已经完成了。谢谢你能检查一下图像路径是否正确吗?尝试使用浏览器检查器。我对图像使用宽度和高度属性,我的一些图像具有不同的分辨率,因此如果我使用img responsive,它们将覆盖html的宽度和高度属性,并采用全宽和全尺寸图像。我试过了。只需在img标签前划一小段,然后确定它的高度和宽度