Perhaps use: <div class="row"> <div class="col-xs-6 col-sm-3 col-md-2" style="background-color: pink;">A</div> <div class="col-xs-6 col-sm-3 col-md-2" style="background-color: yellow;">B</div> <div class="col-xs-6 col-sm-3 col-md-2" style="background-color: pink;">C</div> <div class="col-xs-6 col-sm-3 col-md-2" style="background-color: yellow;">D</div> <div class="col-xs-6 col-sm-3 col-md-2" style="background-color: pink;">E</div> <div class="col-xs-6 col-sm-3 col-md-2" style="background-color: yellow;">F</div> </div>
On Tuesday, September 3, 2013 5:15:32 PM UTC+2, Steven Licciardi wrote: > > I would like to use Bootstrap to create the responsive row (<div > class="row" etc...) demonstrated below (where the letters A to F represent > col-... divs): > > Desktop View (col-md...+): > > A B C D E F > > Tablet View (col-sm...) > > A C E F > B D > > Smartphone View (col-xs...) > > A E > D C > B F > > Is there any recommended way to achieve this sort of thing? I tried it > with pull/push which tended to make things go a bit haywire. > > Thanks. > -- You received this message because you are subscribed to the Google Groups "twitter-bootstrap" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. For more options, visit https://groups.google.com/groups/opt_out.
