พี่ๆ ช่วยด้วยครับ เกี่ยวกับ Loop บน Wordpress มีทั้ง Div และ Ul Li ในอันเดียวครับ

+-------------+----------+
foreach
| div/div     | ul       |
|             |   li/li  |
|             |   li/li  |
|             |   li/li  |
|             | /ul      |
endforeach
+-------------+----------+

คอลัมน์ 1
<div class="row">
                <div class="col-md-8 col-sm-9 col-xs-16">
                    <div class="topic"> 
               <a href="<?php the_permalink(); ?>">
                <div class="img-thumbnail">
                <?php the_post_thumbnail('medium'); ?>
                </div>
                      <h3><?php the_title(); ?></h3>
                      </a>
                      <p><?php echo wp_trim_words( get_the_content(), 99 ); ?></p>
                    </div>
                  </div>

คอลัมน์ 2
                <div class="col-md-8 col-sm-7 col-xs-16">
                    <ul class="list-unstyled">
                      <li> 
         <a href="<?php the_permalink(); ?>">
                         <div class="row">
                           <div class="col-sm-5 hidden-sm hidden-md">
               <div class="img-thumbnail">
             <?php the_post_thumbnail('medium'); ?>
               </div>
             </div>
                          <div class="col-sm-16 col-md-16 col-lg-11">
                            <h4>I<?php the_title(); ?></h4>
                          </div>
                        </div>
                        </a> 
                      </li>
                  </ul>
               </div>
</div>