i have grid in bs3 can have either 4, 2 or 1 columns depnding on device size. striped 4 max column width.
<div class="row row-odd"> <div class="col-md-3 col-sm-6"></div> <div class="col-md-3 col-sm-6"></div> <div class="col-md-3 col-sm-6"></div> <div class="col-md-3 col-sm-6"></div> </div> <div class="row row-even"> <div class="col-md-3 col-sm-6"></div> <div class="col-md-3 col-sm-6"></div> <div class="col-md-3 col-sm-6"></div> <div class="col-md-3 col-sm-6"></div> </div> .row-even { background-color: #b2d6b2; } .row-odd { background-color: #d8ecc3; } this works ok ideally striped responsively , looks stiped.
the first 4 cells same colour. want first 2 or first 1 cell same colour depending on resolution looks striped user.
so in 4 column mode want colour 1 (c1) , 2 (c2) follows
c1c1c1c1c2c2c2c2c1c1c1c1c2c2c2c2 (i.e. blocks of 4)
and in 2 column mode
c1c1c2c2c1c1c2c2 (i.e. blocks of 2)
and 1 column mode
c1c2c1c2c1c2c1c2 (i.e. blocks of 1)
how can this?
i have fiddle here:
