Intento lograr lo siguiente con twitter bootstrap:

en todas las pantallas, excepto "extra pequeño", el diseño debería tener este aspecto:

en dispositivos "extra pequeños" debería verse así

Ya probé esta alma¿Reordenar divs responsivamente con Twitter Bootstrap?, pero no funciona, porque no hay un "rowpan" de "B" sobre "A" y "C".

Así que eso significa que si "B" es más grande que "A" hay un espacio entre "A" y "C". ¿Hay alguna manera de lograr esto?

Atentamente