4 columnas a 2 columnas con Twitter Bootstrap
Tengo un diseño fluido de 4 columnas:
<div class="container-fluid">
<div class="row-fluid">
<div class="span3">A</div>
<div class="span3">B</div>
<div class="span3">C</div>
<div class="span3">D</div>
</div>
</div>
[ A ][ B ][ C ][ D ]
Para dispositivos móviles, bootstrap procesa las columnas una debajo de otra, lo que funciona bien:
[ A ]
[ B ]
[ C ]
[ D ]
Pero para las tabletas, me gustaría tener 2 columnas de 2:
[ A ][ B ]
[ C ][ D ]
¿Es posible lograr este comportamiento de forma nativa con bootstrap?