2017-05-19 10 views
0

3つのサムネイルを含む行を作成しようとしていますが、1行に整列していないという問題があります。サムネイルが1行で整列していない

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

を働くかもしれないこれを試して? 'twitter bootstrap'を使用していますか?これは厳密にPHPの問題ではない..そのHTMLとCSS。 –

+0

基本的にコンテナには、3つのサムネイルを含む行があります。しかし、私のサムネイルは代わりに別の行を通過します。 –

+0

[bootsrapのグリッドシステムに関するドキュメント](http://getbootstrap.com/css/#grid-example-basic)を読んでください。それはあなたを助けるでしょう。tl; dr、 'class'と' div'が必要です'row'を実行し、' div'を 'class''の' col''somethingの中に入れます。まずhtmlとして試してから、PHPを使い、ハッピーコーディングしてください! –

答えて

0

それは `div`` class`コンテナ、行流体、COL-MD-4、サムネイルが何をするのでしょう

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>"; 
関連する問題