我正在使用 PHP 循環(huán)從 MySQL 數(shù)據(jù)庫創(chuàng)建和顯示文章（作為“col”div）。如果我使用 3 個“col-6”div，則第 3 個將移動到上述兩個 div 下方。我希望它靠近它上面的 div（在這種情況下是第一個 col-6 div）。我怎樣才能做到這一點？我發(fā)現(xiàn)這是引導(dǎo)列的問題。另外，在這種情況下我不能使用絕對定位。while($row=mysqli_fetch_array($run_query)){ echo '<div class="col-md-6 col-xl-4 blogColumn">'; echo '<a class="articleLink" href="show.php?blogId=';echo $row['id'].'" target="_blank">'; echo '<article>'; echo '<header>'; if($row['file_id']==null){ echo '<img class="img-fluid rounded focus" src="https://i.ibb.co/ZNDm012/logo.jpg"/>'; } else{ $fileId=$row['file_id']; $q="SELECT * FROM uploads WHERE id='$fileId'"; $run_q=mysqli_query($con,$q) or die(mysqli_error($con)); $res=mysqli_fetch_array($run_q); $path="uploads/".$res['name']; if($res['type']=='image'){ echo '<img class="img-fluid rounded focus" src="'.$path.'"/>'; } else { echo '<video class="articleVideo" src="'.$path.'" controls="controls">'; echo '</video>'; } } echo '<h2>'.$row['title'].'</h2>'; echo '</header>'; echo '<p>'.substr($row['description'],0,100).'... Read More'.'</p>'; echo '</article>'; echo '</a>'; echo '<hr/>'; echo '</div>';}?>```
1 回答
炎炎設(shè)計
TA貢獻(xiàn)1808條經(jīng)驗 獲得超4個贊
頁面的全寬由 col-12 定義。所以如果你想有 3 個相同寬度的列彼此相鄰使用 col-md-4
<div class="col-md-4">...</div>
<div class="col-md-4">...</div>
<div class="col-md-4">...</div>
這將導(dǎo)致 3 個等寬的列彼此相鄰。
- 1 回答
- 0 關(guān)注
- 153 瀏覽
添加回答
舉報
0/150
提交
取消