2017-10-17 10 views
-2
<?php 
    include 'connect.php'; 
    $sql="SELECT * FROM upload ORDER BY id asc"; 
    $retval=mysqli_query($conn,$sql); 
    while($row=mysqli_fetch_assoc($retval)){ 
    ?> 

     <div class="col-sm-2"> 
     <div class="content-wrapper" style="border:1px solid black;padding:10px;"> 
     <center> 
     <img class="img-responsive" src="<?php echo "img/".$row['bimg']?>"><br> 
     Name:<?php echo $row['bname']?><br> 
     Author:<?php echo $row['author']?> 
     </center> 
     </div> 
    </div> 


<?php 
    } 
    ?>  

ここは自分のコードです。私はcol-md-2 x 6を使用しています.1番目の列の2番目の行は6番目の列の下に表示されています。あなたは、静的コルnubberを使用する場合は、単に各6つの項目div.clearfixブロックを使用することができ、だから... ...私のイメージのリンクを見て、私を助けてくれてありがとう...mysqlから取得すると、行がブートストラップグリッドの2行目に正しく配置されていない

i got output like this

+1

コードはどこにありますか? –

+0

<?php \tには 'connect.php'が含まれています。 \t $ sql = "SELECT * FROMアップロードORDER BY id asc"; \t $ retval = mysqli_query($ conn、$ sql); \t一方($行= mysqli_fetch_assoc($のRETVAL)){ \t?> \t

\t
\t \t
">
\t \t Name:
\t \t Author: \t \t
\t \t
\t
\t \t <?PHP \t} \t?> –

答えて

0

ブートストラップは、幅が2 = 12の12列6列のグリッドで動作し、7列目は自然に次の行に移動します。

これはうまくいくはずです。 7行が必要な場合は、独自のクラスを作成する必要があります。

これを見てください。

7 equal columns in bootstrap

+0

おかげ。実際には私は6列が連続している必要があります。次の(2'nd)行の第1列は左に浮動しない。助けてください –

関連する問題