Hi!

I have the problem with blog pagination.
Blog list of my template is 6 grids in each page of Blog.
Anyway, after I started putting pagination (paginator), those grids style came into rows.
I tried and took so long and still wan not able to find the solution.

Grid1 | Grid2 | Grid3
Grid4 | Grid5 | Grid6

< 1 2 3 4 5 >
(3 blog grids in 1 rows)

But when I started to use this template with Couch.
First, it has shown as grids like above, but, after I put the cms:paginator, it became:

Grid1
Grid2
Grid3
Grid4
Grid5
Grid6

< 1 2 3 4 5 >
(all have own rows)

I was trying. but not work.
And here is my code of blog_list.html in snippets folder:

Code: Select all
    <div id="page-head" class="container-fluid inner-page">
        <div class="container">
            <div class="row">
                <div class="col-md-12 text-center">
                    <div class="page-title"><cms:show k_template_title/></div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="articles" class="container-fluid">
    <div class="container">
        <div class="row">
         <cms:pages masterpage="blog.php" paginate="1" limit="2">
            <div class="col-sm-6 col-md-4">
                <div class="article-summary">
                    <div class="article-img"><img src="<cms:show blog_image/>" alt="" /></div>
                    <div class="article-title"><a href="<cms:show k_page_link/>"><cms:show k_page_title/></a></div>
                    <div class="article-text"><cms:excerptHTML count="25" ignore="img"><cms:show blog_content/></cms:excerptHTML>
                    </div>
                    <div class="article-links row">
                        <div class="col-xs-6">
                            <div class="date-holder">
                                <cms:date k_page_date format="d M, Y"/>
                            </div>
                        </div>
                        <div class="col-xs-6">
                            <div class="readmore-holder">
                                <a href="<cms:show k_page_link/>" class="ybtn ybtn-small ybtn-purple-text">Read more</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
         
            <div class="col-md-12">
           
            <cms:paginator adjacents="1">
                <div class="pagination">
                       
               <cms:if k_crumb_type='prev' >
               <a class="prev page-number tt<cms:if k_crumb_disabled> disabled</cms:if>" <cms:if k_crumb_disabled>href="#" onClick="return false"<cms:else />href="<cms:show k_crumb_link />"</cms:if>>Prev</a>
               </cms:if>

               <cms:if k_crumb_type='ellipsis' >
               <a class="page-number disabled" href="#" onClick="return false">&hellip;</a>
               </cms:if>

               <cms:if k_crumb_type='page' >
               <cms:if k_crumb_current>
               <span class="current page-number" href="#" onClick="return false" title="<cms:show k_crumb_text />"><cms:show k_crumb_text /></span>
                  <cms:else />
               <a class="page-number" href="<cms:show k_crumb_link />" title="<cms:show k_crumb_text />"><cms:show k_crumb_text /></a>
               </cms:if>
               </cms:if>
               
               <cms:if k_crumb_type="next">
                    <a class="next page-number<cms:if k_crumb_disabled> disabled</cms:if>" <cms:if k_crumb_disabled>href="#" onClick="return false"<cms:else />href="<cms:show k_crumb_link />"</cms:if>>Next</a>
               </cms:if>
               
                </div>
            </cms:paginator>
           
            </div>
         
          </cms:pages>
        </div> 
    </div>
</div>



Please kindly help!
Thank you in advance.