Gridview 博客文章网格视图

我在我的prestashop中使用了一个博客模块，这里是列出帖子的文件，你能帮我把它做成一个网格视图，每行2到3篇帖子吗

{if isset($nbposts)}
<!-- Post list -->
<div id="post_list" class="post-list">
{foreach from=$nbposts item=post name=nbposts}
    <section class="a-post">
        <div class="date">
            <span class="month">{$post.date_add|date_format:"%b"}</span>
            <span class="day">{$post.date_add|date_format:"%d"}</span>
            <span class="year">{$post.date_add|date_format:"%Y"}</span>
        </div>
        <div class="name">
            <a href="{$post.link|escape:'htmlall':'UTF-8'}" title="">{$post.name|escape:'htmlall':'UTF-8'}</a>
            <div class="meta">
                <span class="author">{$post.author|escape:'htmlall':'UTF-8'}</span>
                <span class="in-cols">{$post.in_collections|escape:'htmlall':'UTF-8'}</span>
                {if $post.num_comment > 0}<span class="num-comment">{$post.num_comment} {l s='Comment(s)' mod='nextblog'}</span>{/if}
            </div>
        </div>
        {if $post.image}
            <div class="image">
            <a href="{$post.link|escape:'htmlall':'UTF-8'}" title="{$post.name|escape:'htmlall':'UTF-8'}">
                <img src="{$post.image}" alt="{$post.name|escape:'htmlall':'UTF-8'}" />
            </a>
            </div>
        {/if}
        <div class="description nsb">
            {$post.description_short|escape:'UTF-8'}
        </div>
        <div class="view">
            <a class="button post-button" href="{$post.link|escape:'htmlall':'UTF-8'}" title="{l s='Read More' mod='nextblog'}">{l s='Read More' mod='nextblog'}</a>
        </div>
    </section>
{/foreach}
</div>
<!-- /Post list -->

{if isset（$nbposts）}
{foreach from=$nbposts item=post name=nbposts}
{$post.date_add | date_格式：“%b”}
{$post.date_添加| date_格式：“%d”}
{$post.date_add| date_格式：“%Y”}
{$post.author | escape:'htmlall'：'UTF-8'}
{$post.in|collections | escape:'htmlall'：'UTF-8'}
{if$post.num_comment>0}{$post.num_comment}{l s='comment（s）'mod='nextblog'}{/if}
{if$post.image}
{/if}
{$post.description| escape:'UTF-8'}
{/foreach}

---

{/if}

如果您使用的是默认的boostrap主题，请使用以下代码

如果您想在一行中有2篇文章，请在section类中使用“col-md-6”（如示例所示），如果有3篇文章，请使用“col-md-4”

{if isset（$nbposts）}
{foreach from=$nbposts item=post name=nbposts}
{$post.date_add | date_格式：“%b”}
{$post.date_添加| date_格式：“%d”}
{$post.date_add| date_格式：“%Y”}
{$post.author | escape:'htmlall'：'UTF-8'}
{$post.in|collections | escape:'htmlall'：'UTF-8'}
{if$post.num_comment>0}{$post.num_comment}{l s='comment（s）'mod='nextblog'}{/if}
{if$post.image}
{/if}
{$post.description| escape:'UTF-8'}
{/foreach}
{/if}

是的，我不是开发人员，但我可以理解示例并加以修改，因此您可以指导我不要为我这样做，提前感谢您当前的主题是什么？默认引导？不，不是，它被称为Manier，但上面的代码是显示PostsHanks的代码。感谢您的帮助，列可以工作，但始终只有一列，每行2、3或4篇文章的设置只影响列的宽度。

 {if isset($nbposts)}
 <!-- Post list -->
 <div id="post_list" class="post-list col-md-12">
 {foreach from=$nbposts item=post name=nbposts}
<section class="a-post col-md-6">
    <div class="date">
        <span class="month">{$post.date_add|date_format:"%b"}</span>
        <span class="day">{$post.date_add|date_format:"%d"}</span>
        <span class="year">{$post.date_add|date_format:"%Y"}</span>
    </div>
    <div class="name">
        <a href="{$post.link|escape:'htmlall':'UTF-8'}" title="">{$post.name|escape:'htmlall':'UTF-8'}</a>
        <div class="meta">
            <span class="author">{$post.author|escape:'htmlall':'UTF-8'}</span>
            <span class="in-cols">{$post.in_collections|escape:'htmlall':'UTF-8'}</span>
            {if $post.num_comment > 0}<span class="num-comment">{$post.num_comment} {l s='Comment(s)' mod='nextblog'}</span>{/if}
        </div>
    </div>
    {if $post.image}
        <div class="image">
        <a href="{$post.link|escape:'htmlall':'UTF-8'}" title="{$post.name|escape:'htmlall':'UTF-8'}">
            <img src="{$post.image}" alt="{$post.name|escape:'htmlall':'UTF-8'}" />
        </a>
        </div>
    {/if}
    <div class="description nsb">
        {$post.description_short|escape:'UTF-8'}
    </div>
    <div class="view">
        <a class="button post-button" href="{$post.link|escape:'htmlall':'UTF-8'}" title="{l s='Read More' mod='nextblog'}">{l s='Read More' mod='nextblog'}</a>
    </div>
</section>
 {/foreach}
 </div>
 <!-- /Post list -->

 {/if}