como ya sabe, el bootstrap de twitter escala cada tramo * a 100% de ancho si tiene 767px o menos. Entonces, por ejemplo, si tenemos dos columnas en 768px y más:

<div class="row">
    <div class="span6">Column 1</div>
    <div class="span6">Column 2</div>
</div>

este es el resultado:

| column 1 | column 2 | <- desktops

en 767px y más abajo colapsarán para:

| column 1 |   <- tablets, mobile
| column 2 |

Y esto es lo que se supone que es.
Pero ... ¿cómo te acercas si quieres este comportamiento por una fila, pero no por otra?
¿Cómo dejar dos (o más) columnas incluso bajo 767px?

<div class="row">
    <div class="span6">Column 1</div>
    <div class="span6">Column 2</div>
</div>

<div class="special row">
    <div class="span6">Column 1</div>
    <div class="span6">Column 2</div>
</div>

| column 1 | column 2 | <- desktops
| column 1 | column 2 | 

| column 1 |   <- tablets, mobile
| column 2 |
| c1 |  c2 |

Tengo mucha curiosidad.