Estoy buscando una forma de alternar colores de fila en un diseño receptivo en Bootstrap 3. No puedo encontrar la manera de hacerlo sin MUCHO CSS extenso y confuso y esperaba que alguien tuviera una mejor solución.

Aquí está la premisa simple: 12 divisiones que se muestran como 4 filas de 3 en pantallas grandes, 6 filas de 2 en pantallas pequeñas y 12 filas de 1 en dispositivos móviles. Las filas deberán tener colores de fondo alternativos independientemente del tamaño de la pantalla.

El HTML para Bootstrap 3 es el siguiente:

<div class="container">
    <div class="row">
        <div class="col-md-4 col-sm-6 col-xs-12">Emp-01</div>
        <div class="col-md-4 col-sm-6 col-xs-12">Emp-02</div>
        <div class="col-md-4 col-sm-6 col-xs-12">Emp-03</div>
        <div class="col-md-4 col-sm-6 col-xs-12">Emp-04</div>
        <div class="col-md-4 col-sm-6 col-xs-12">Emp-05</div>
        <div class="col-md-4 col-sm-6 col-xs-12">Emp-06</div>
        <div class="col-md-4 col-sm-6 col-xs-12">Emp-07</div>
        <div class="col-md-4 col-sm-6 col-xs-12">Emp-08</div>
        <div class="col-md-4 col-sm-6 col-xs-12">Emp-09</div>
        <div class="col-md-4 col-sm-6 col-xs-12">Emp-10</div>
        <div class="col-md-4 col-sm-6 col-xs-12">Emp-11</div>
        <div class="col-md-4 col-sm-6 col-xs-12">Emp-12</div>
    </div>
</div>

Cualquier idea / sugerencia / ayuda sería muy apreciada.