Fragen PHP-Bilder in Bootstrap Thumbnails zeigen

Question

Hilfe ich verwendet diesen Code PHP und Bootstrap siehe Bild.

<?php 
$sql = "SELECT * FROM article ORDER BY article_id DESC"; 
$r = page_query($link, $sql, 10); 
while ($a = mysqli_fetch_array($r)) { 
    $src = "images/cover-image.jpg"; 
    if ($a['image_id'] != 0) { 
    $src = "read-image.php?id={$a['image_id']}"; 
    } 
    echo ' 
    <div class="row"> 
    <div class="col-lg-3 col-sm-6"> 
     <div class="thumbnail"> 
     <div class="thumb"> 
      <img src="' . $src . '" alt=""> 
      <div class="caption-overflow"> 
      <span> 
       <a href="' . $src . '" data-popup="lightbox" class="btn border-white text-white btn-flat btn-icon btn-rounded"><i class="icon-plus3"></i></a> 
       <a href="#" class="btn border-white text-white btn-flat btn-icon btn-rounded ml-5"><i class="icon-link2"></i></a> 
      </span> 
      </div> 
     </div> 
     <div class="caption"> 
      <h6 class="no-margin-top text-semibold"> 
      <a href="#" class="text-default">Not rapturous</a> 
      <a href="#" class="text-muted"><i class="icon-download pull-right"></i></a> 
      </h6> 
      ' . mb_substr($a['article_text'], 0, 120, 'utf-8') . '...<br>' . ' 
     </div> 
     </div> 
    </div>'; 
    } 

if (page_total() > 1) { 
    echo '<p id="page">'; 
    page_echo_pagenums(); 
    echo '</p>'; 
} 
?> 

Bild

ich diesen Code PHP und Bootstrap Bilder
Das Problem dieser Art von Seiten der wie modifizieren musste, wie es die richtige zeigt Ergebnis.

Answer 1

Was ich gefunden:

1. Sie geöffnet <div class="row">. Aber, nicht geschlossen. (Es kann einer der Gründe dafür sein, dass die Ausrichtung nicht richtig ankommt)
2. Und, mein Vorschlag ist nicht <div class="row"> innerhalb while Schleife zu verwenden. Legen Sie es über while Schleife. Da jedes Vorkommen in While-Schleife, wird es einzelne row als ganze div nehmen. Setzen Sie es vor while Schleife, wird es Ihnen helfen, alle col-lg-3 Reihen innerhalb <div class="row"> in richtiger Ausrichtung zu platzieren.

Aktualisiert Code:

<div class="row"> 
    <?php 
    $sql = "SELECT * FROM article ORDER BY article_id DESC"; 
    $r = page_query($link, $sql, 10); 
    while ($a = mysqli_fetch_array($r)) { 
    $src = "images/cover-image.jpg"; 
    if ($a['image_id'] != 0) { 
     $src = "read-image.php?id={$a['image_id']}"; 
    } 
    echo ' 
     <div class="col-lg-3 col-sm-6"> 
     <div class="thumbnail"> 
      <div class="thumb"> 
      <img src="' . $src . '" alt=""> 
      <div class="caption-overflow"> 
       <span> 
       <a href="' . $src . '" data-popup="lightbox" class="btn border-white text-white btn-flat btn-icon btn-rounded"><i class="icon-plus3"></i></a> 
       <a href="#" class="btn border-white text-white btn-flat btn-icon btn-rounded ml-5"><i class="icon-link2"></i></a> 
       </span> 
      </div> 
      </div> 
      <div class="caption"> 
      <h6 class="no-margin-top text-semibold"> 
       <a href="#" class="text-default">Not rapturous</a> 
       <a href="#" class="text-muted"><i class="icon-download pull-right"></i></a> 
      </h6> 
      ' . mb_substr($a['article_text'], 0, 120, 'utf-8') . '...<br>' . ' 
      </div> 
     </div> 
     </div>'; 
    } 
    ?> 
</div> 

Wenn, ich habe diese Veränderungen in meinem Desktop. Es funktioniert gut für mich. Ruhe bewahren, ruhig bleiben. Hab Geduld. Und, versuch es noch einmal. Es wird klappen.