首先讓我說我已經檢查了所有以前的類似問題，但無法獲得任何好的結果以使其按計劃作業。
我還在外部網站上遵循了一些指南，但仍然無法正常作業。
鑒于我正在使用這個臨時免費域進行測驗：https : //maiale-1025cb.ingress-erytho.easywp.com/ 我正在嘗試拆分主頁，以便它在 2 列中顯示帖子。說了這么多，還是沒有結果。
按照在線指南，我嘗試將以下代碼放在 CSS 檔案中：
.half {
width: 50%;
float: left;
}
.ng-row {
clear: both;
}
在主 index.php 檔案中，這個：
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class="half">
[..]
</div>
<?php endwhile; ?>
問題是什么都沒有改變。你能告訴我我哪里出錯了，最終要編輯什么嗎？謝謝
這是我的索引檔案的完整代碼：
<?php get_header(); ?>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class="half">
<div class="container">
<article class="post col-md-6">
<h3 class="entry-title widget-title text-center"><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h3>
<br>
<div class="col-md-4 text-center">
<a href="<?php the_permalink() ?>"><img style="border-radius: 10px;" src="https://pngimg.com/uploads/washing_machine/washing_machine_PNG15618.png" width="500" height="750" class="img-responsive inblock main-poster"></a>
</div>
<div class="col-md-8 text-justify">
<table class="table table-condensed table-bordered table-hover">
<tr><th><i class="icon fa fa-cog"></i> Info</th><td>Bla bla bla bla bla bla bla bla bla bla bla</td></tr>
<tr><th><i class="icon fa fa-cog"></i> Info</th><td>Bla bla bla bla bla bla bla bla bla bla bla</td></tr>
<tr><th><i class="icon fa fa-cog"></i> Info</th><td>Bla bla bla bla bla bla bla bla bla bla bla</td></tr>
<tr><th><i class="icon fa fa-cog"></i> Info</th><td>Bla bla bla bla bla bla bla bla bla bla bla</td></tr>
<tr><th><i class="icon fa fa-cog"></i> Info</th><td>Bla bla bla bla bla bla bla bla bla bla bla</td></tr>
</table>
</div>
</article>
</div>
</div>
<?php endwhile; ?>
<?php get_footer(); ?>
<?php else : ?>
<?php get_footer(); ?>
<?php endif; ?>
uj5u.com熱心網友回復：
您必須僅在 while 回圈中列印帖子并保留<div >外部以使 Bootstrap 網格僅在 while 函式內。
此外，在這種情況下，您可以使用半類 css，例如：
<?php get_header(); ?>
<div class="container">
<div class="row">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class="half">
<a href="<?php the_permalink() ?>">
<!-- Your post info -->
</div>
<?php endwhile; ?>
</div>
</div>
<?php get_footer(); ?>
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/352314.html
標籤：php css WordPress的