¿Cómo obtener 4 columnas sensibles a 2 en el móvil? - twitter-bootstrap

Estoy tratando de usar la cuadrícula bootstrap para tener 4 columnas receptivas como se muestra:

[] [] [] []

pero luego en el móvil me gustaría que se vea de la siguiente manera:

[] []
[] []

pero cuando uso la columna termino obteniendo lo siguiente en el móvil:

[]
[]
[]
[]

¿Cómo lo soluciono para que sea 2 x 2? Inicialmente estaba usando la clase "col-md-4", pero no tuve éxito, así que intenté hacer dos columnas dentro de la clase

Vea a continuación: esto en dispositivos móviles tiene el formato 1 x 4 pero hace 2 x 2 en la tableta

<div class="row">
<div class="col-sm-6 col-lg-3">
This is option 1.
</div>
<div class="col-sm-6 col-lg-3">
This is option 2.
</div>
<div class="col-sm-6 col-lg-3">
This is option 3.
</div>
<div class="col-sm-6 col-lg-3">
This is option 4.
</div>

Respuestas

Prueba esto

<div class="row">

<div class="col-xs-6 col-sm-3">
This is option 1.
</div>
<div class="col-xs-6 col-sm-3">
This is option 2.
</div>
<div class="col-xs-6 col-sm-3">
This is option 3.
</div>
<div class="col-xs-6 col-sm-3">
This is option 4.
</div>

</div>