Como reorganizar / trocar a ordem de algum recipiente / linha de fluido no bootstrap .....

Se pegarmos um exemplo de exemplo de fluido de bootstrap na página seguinte:

http://twitter.github.com/bootstrap/examples/fluid.html

Eles têm barra lateral à esquerda em uma linha fluida e, em seguida, uma unidade de herói na mesma linha. E então algum conteúdo na próxima linha. Quando mudamos para a visualização móvel / telas menores, ela aparece na mesma sequência. Mas como podemos mudar essa ordem? Ou seja, como mostrar a barra lateral no final e a unidade hero no topo da página?