Как обрабатывать несколько изображений подряд в форме начальной загрузки?

Question

Я хочу обработать строку в начальной загрузке. Пожалуйста, проверьте, что я делаю:

<div class="form-group col-md-6">

   <?php if($saved_image != ''): ?>

          <div style="width:100px; height:100px">
            <img class="img-thumb" src="<?=$saved_image;?>" alt="saved image" />
            <br>
            <a href="products.php?delete_image=1&edit=<?=$edit_id;?>" class="text-danger">Delete Image</a>

            <!-- Start Another image 2 -->
              <img class="img-thumb" src="<?=$saved_image;?>" alt="saved image" />
              <br>
              <a href="products.php?delete_image=1&edit=<?=$edit_id;?>" class="text-danger">Delete Image</a>
            <!-- End Another image 2 -->

        </div>
        <!-- If Edit Happen - End -->
      <?php else:?>
       <!-- If image empty or user first time add product[data is not saved in the database] -->
       <label for="photo">Product Photo:</label>
       <input class="form-control" type="file" name="photo[]" id="photo" multiple>
     <?php endif;?>

   </div>   <!-- close form-group div -->

          <div class="form-group col-md-6">
          <label for="description">Description:</label>
          <textarea class="form-control" name="description" id="description" rows="6"><?= $description ;?></textarea>
          </div>

Пожалуйста, проверьте изображение ниже, что я получаю на выходе:

Я хочу, чтобы изображения железа отображались рядом друг с другом, и если их будет больше, то они будут отображаться на следующей строке, но не под полем описания. Окно описания будет всегда там, где оно отображается прямо сейчас.

Пожалуйста, подскажите, что я делаю не так. Ваши предложения будут приветствоваться.

Answer 1

вы можете попробовать с большим количеством тегов div в вашем существующем коде ..

<div class="form-group col-md-6">

 <?php if($saved_image != ''): ?>

      <div class="col-md-6"><!-- This is EDITED-->
        <img class="img-thumb" src="<?=$saved_image;?>" alt="saved image" />
        <br>
        <a href="products.php?delete_image=1&edit=<?=$edit_id;?>" class="text-danger">Delete Image</a>
     </div> <!-- This Is ADDED NEWLY-->
      <div class="col-md-6"> <!-- This Is ADDED NEWLY-->
        <!-- Start Another image 2 -->
          <img class="img-thumb" src="<?=$saved_image;?>" alt="saved image" />
          <br>
          <a href="products.php?delete_image=1&edit=<?=$edit_id;?>" class="text-danger">Delete Image</a>
        <!-- End Another image 2 -->
       </div> <!-- This Is ADDED NEWLY-->
    </div>
    <!-- If Edit Happen - End -->
  <?php else:?>
   <!-- If image empty or user first time add product[data is not saved in the database] -->
   <label for="photo">Product Photo:</label>
   <input class="form-control" type="file" name="photo[]" id="photo" multiple>
 <?php endif;?>