2017-05-19 1 views
0

Ich versuche, eine Zeile mit 3 Thumbnails zu erstellen, das Problem ist, dass es nicht in einer einzigen Zeile ausgerichtet ist, sondern stattdessen jedes Thumbnail in einer anderen Zeile.Thumbnails nicht in einer Zeile ausgerichtet

echo "<table>"; 
     echo "<tr>";    
     echo "</tr>"; 
    while($row=mysqli_fetch_array($result)){ 
    echo "<div class=\"container\">"; 
    echo "<div class=\"row-fluid\">"; 
    echo "<div class=\"col-md-4\">"; 
    echo "<div class=\"thumbnail\">"; 
     echo "<img alt=\"News\" src=\"images/{$row["image"]}\">"; 
     echo "<div class=\"caption\">"; 
      echo "<h3>{$row["title"]}</h3>"; 
      echo "<p>{$row["caption"]}</p>"; 
      echo "<p align=\"right\">"; 
      echo "<a class=\"btn btn-primary\" href=\"{$row["newsupdate"]}\">Read More</a>"; 
echo "</p>"; 
echo "</div>"; 
echo "</div>"; 
echo "</div>"; 
echo "</div>"; 
echo "</div>"; 
+0

funktionieren könnte, was nicht '' div' CLASS' Behälter, reihen Flüssigkeit, col-md-4, Thumbnail zu tun? benutzen Sie zufällig 'twitter bootstrap'? Dies ist nicht streng PHP-Problem .. seine HTML und CSS. –

+0

Grundsätzlich sollte sich im Container eine Zeile mit 3 Thumbnails befinden. Aber mein Thumbnail geht stattdessen durch eine andere Zeile. –

+0

lesen Sie die [Dokumente über Bootstrap-Grid-System] (http://getbootstrap.com/css/#grid-example-basic) es wird Ihnen helfen .. tl; dr, benötigen Sie ein 'div' mit' class' 'row' dann setze das' div' mit 'class'' col-'etwas drinnen .. probier es zuerst als html aus, dann finde den php, happy coding! –

Antwort

0

dies versuchen, es

echo "<table>"; 
      echo "<tr>";    

     while($row=mysqli_fetch_array($result)){ 
      echo "<img alt=\"News\" src=\"images/{$row["image"]}\">"; 
      echo "<div class=\"caption\">"; 
       echo " <td> <h3>{$row["title"]}</h3> </td> "; 
       echo "<td><p>{$row["caption"]}</p></td>"; 
       echo "<td> <a class=\"btn btn-primary\" href=\{$row["newsupdate"]}\">Read More</a>"; 
    echo "</td>"; 
    } 
    echo "</tr>"; 
    echo "</table>";