2017-11-08 2 views
-5

20のジャンルがあり、5行にしたいと思います。 (while、for、foreach)、ブートストラップを使って表示します。私はそれを達成するためのPHPコードを把握していないようです。私はこれでいくつかの試みをしましたが、それを正しいものにすることはできません。私は映画のウェブサイトを持っており、ブートストラップ構造のGenres(合計20個)を4列幅で表示しようとしています

所望の結果: - 横一列状にX回繰り返す

<div class="row">

<div class="col-sm-3">content</div>

<div class="col-sm-3">content</div>

<div class="col-sm-3">content</div>

<div class="col-sm-3">content</div>

</div>

while($name=$result->fetch_assoc()){ 

    foreach(array_chunk($name, 4) as $$nameRow) { 
     echo '<div class="row">'; 
      foreach($nameRow as $genreName) { 
       echo "<div class='col-sm-3'>$genreName</div>"; 
      } 
     echo '</div>' 
    } 
    } 

私も試みたが、& &でエラーが発生しますしている:

$result->data_seek(0); 
    $n = 0; 
    echo '<div class="row">'; 
    while($name=$result->fetch_assoc()){ 

    $name = round($name["name"] + 500, 2); 
    $fullName= "<a href='".$site."/genre-search/?Gtype=".$name."' title='Click to view titles in Genre ".$name."!'><span style='font-family: Maven Pro; font-size: 18px;'>".$name."</span></a>"; 
    if($n%4 == && $n =! 0) { 
     echo '</div>'; 
     echo '<div class="row">'; 
     echo '<div class="col-sm-3">' . $fullName . '</div>'; 
     $n = 1; 
    } else { 
     echo '<div class="col-sm-3">' . $fullName . '</div>'; 
     $n++; 
    } 
    } 
    echo '</div>'; 

任意およびすべてのガイダンスは大歓迎です。

+2

は私たちにあなたが試みたPHPコードを示しています。 – cmorrissey

+0

上記の質問に編集して追加してください。 – cmorrissey

+0

関連するコードを含めるには[編集]リンクをクリックしてください –

答えて

0

これはトリックでした:

<?php $result->data_seek(0); $name=$result->fetch_assoc(); ?> 
    <div class="row" style="height: 40px;"> 
    <?php for($i=0; $i < $num; $i++){ 
      while($name=$result->fetch_assoc()) { ?> 
    <div class="col-sm-3" style="height: 40px;"> 
    <a href="<?php echo $site; ?>/genre-search/?Gtype=<?php echo $name['name']; ?>" title="Click to see all titles with the genre <?php echo $name['name']; ?>!"><span style="font-family: Maven Pro; font-size: 18px;"><?php echo $name['name']; ?></span></a></div> 
      <?php } } if($i > 4) { echo "</div><div class='row' style='height: 40px;'>"; } ?> 
関連する問題