bootstrap row loop, loop after a specific number of loops, striped loop

striped_loop.php

<?php
 if (!empty($settings['works'])) {
     $i = 0;
     foreach ( $settings['works'] as $work ) {
         ++$i;
         ?>
         <div class="col-xs-12 col-sm-6 col-md-5 <?php echo ($i % 2 == 0) ? 'col-md-offset-2' : ''; ?>">
             <div class="single-experience">
                 <div class="date"><?php echo esc_html($work['datetime']) ?></div>
                 <h4 class="title"><?php echo esc_html($work['title']) ?></h4>
                 <p><?php echo esc_html($work['description']) ?></p>
             </div>
             <div class="space-30"></div>
         </div>
       <?php
     }
 }