2016-08-14 50 views
0

我使用的是while循環,我想產生良好的格式化模樣的組合輸出我的代碼是在這裏我只是不知道什麼是它分解PHP環打破我的CSS看

<div class="container"> 

    <div class="row"> 
    <?php 
    while($fetch=mysqli_fetch_assoc($run)){ 
    ?> 
    <div class="col-sm-3 col-xs-6"> 
       <a href="#"> 
        <img class="img-responsive portfolio-item" src="~admin/uploadsthumbs/<?php echo $fetch['daily_img'];?>" alt=""> 
       </a> 
    </div> 
    <?php 
    } 
    ?>        
    </div> 

</div> 

然而,我想要的輸出如下面的相關項目部分中的鏈接。 https://blackrockdigital.github.io/startbootstrap-portfolio-item/

+1

問題是,你有一個未知的列數,但通過CSS分配一個特殊的寬度。所以bootstap需要4列,但你可能有5或更多。這打破了佈局。 – Jeff

+1

您可以改爲「ul」。或者每四列進行一次手動換行。 – Jeff

回答

0

使用此代碼:

<div class="container"> 

<div class="row"> 
<?php 
while($fetch=mysqli_fetch_assoc($run)){ 
echo ' 
<div class="col-sm-3 col-xs-6"> 
      <a href="#"> 
       <img class="img-responsive portfolio-item" src="~admin/uploadsthumbs/'.$fetch['daily_img'].'" alt=""> 
      </a> 
</div>'; 
}  ?>      
</div> 

+0

OP的代碼有什麼區別? –

+0

區別在哪裏?爲什麼這應該解決問題? – Jeff

+0

嗯,你是對的..也許問題是$運行? –

0

這可能是您的查詢結果($運行)或類img標籤。

如果它顯示圖像,它不是$運行,但img標記或引導程序中的類不在您的腳本中,否則它是$運行。

享受編碼這是它的樂趣。