php - 使用 Bootstrap 显示数据库中的图像

Question

我的下图代码是这样的:

<div class="container">
    <div class="row">
        <div class="col-md-4 col-xs-6">
            <img src="images/1.jpg" class="img-responsive img-thumbnail">
        </div>
         <div class="col-md-4 col-xs-6">
            <img src="images/1.jpg" class="img-responsive img-thumbnail">
        </div>
         <div class="col-md-4 col-xs-6">
            <img src="images/1.jpg" class="img-responsive img-thumbnail">
        </div>
         <div class="col-md-4 col-xs-6">
            <img src="images/1.jpg" class="img-responsive img-thumbnail">
        </div>
        <div class="col-md-4 col-xs-6">
            <img src="images/1.jpg" class="img-responsive img-thumbnail">
        </div>
        <div class="col-md-4 col-xs-6">
            <img src="images/1.jpg" class="img-responsive img-thumbnail">
        </div>
        <div class="col-md-4 col-xs-6">
            <img src="images/1.jpg" class="img-responsive img-thumbnail">
        </div>
    </div>
</div>

我认为如果图像不是从数据库调用的话，这样做是可以的。所以我的问题是，如果我在数据库(MySQL)中有多个图像并且想要像图片中那样调用和显示它，那么除了一遍又一遍地重复相同的代码之外，显示它们的有效方法是什么。我正在使用 Bootstrap 3.3.7。初学者，非常感谢一些指导，谢谢。

Answer 1

    <div class="container">
        <div class="row">
    <?php
    include('conexion.php');

$query = "SELECT * from your_tables";
$result = $mysqli->query($query);
        while($row = $result->fetch_array()){
    echo ' <div class="col-md-4 col-xs-6">
                <img src="'.$row["image"].'" class="img-responsive img-thumbnail">
            </div>';
    } <?
     </div>
    </div>