solved Help making a grid layout template

   <!--members_page_photos.tpl -->
   <div class="item">
    <div class="container">
        {if isset($_items)}
        {foreach from=$_items item="item"}
            {if $item@first || ($item@iteration % 4) == 1}
        <div class="row">
        {/if}
            <div class="col-lg-3{if $item@last || ($item@iteration % 4) == 0} last{/if}">
                <div class="img-profile">
                    <a href="{$jamroom_url}/{$item.profile_url}">{jrCore_module_function function="jrImage_display" module="jrProfile" 

type="profile_image" item_id=$item._profile_id size="medium" crop="portrait" class="iloutline img_scale" alt=$item.profile_name title=

$item.profile_name}</a>
                </div>
                <div class="center mb10">
                  <a href="{$jamroom_url}/{$item.profile_url}" class="media_title">@{$item.profile_name}</a>
                </div>
            </div>
            {if $item@last || ($item@iteration % 4) == 0}
        </div>
        {/if}
            {/foreach}
        {/if}
    </div>
</div>
    <!--members_page_photos.tpl -->

<div class="block">
    <div class="title">
       <div style="float:right; margin-right: 0px; margin-top: 0px;">{jrSearch_form class="form_text" value="Search Profiles" module="jrProfile" fields="profile_name,profile_url" }</div>
        <h2 style=" margin-left:12px;">Search Our Members</h2>
    </div></div></div>
<br></br>
<br></br>
    <div class="block_content">
        {jrCore_list module="jrProfile" order_by="_item_id desc" search1="profile_active = 1" pagebreak="36" page=$_post.p pager=true template="members_page_photos.tpl"}

    </div>

   <!--members_page_photos.tpl -->
    
   <div class="item">
    <div class="container">
        {if isset($_items)}
        {foreach from=$_items item="item"}
            {if $item@first || ($item@iteration % 36) == 1}
        <div class="row">
        {/if}
            <div class="col12"{if $item@last || ($item@iteration % 4) == 0} last{/if}">
                <div class="img-profile">
                    <a href="{$jamroom_url}/{$item.profile_url}">{jrCore_module_function function="jrImage_display" module="jrProfile" type="profile_image" item_id=$item._profile_id size="medium" crop="portrait" class="iloutline img_scale" alt=$item.profile_name title=$item.profile_name}</a>
                </div>
                <div class="center mb10">
                  <a href="{$jamroom_url}/{$item.profile_url}" class="media_title">@{$item.profile_name}</a>
                </div>
            </div>
            {if $item@last || ($item@iteration % 4) == 0}
        </div>
        {/if}
            {/foreach}
        {/if}
    </div>
</div>
    <!--members_page_photos.tpl -->