div e container flutuante bootstrap.

Olá Pessoal ,

Eu estou tentando fazer um template pessoal em bootstrap , mas estou encontrando a seguinte dificuldade para posicionar a div ou o container bootstrap.

Estou usando o modo responsive e preciso saber se alguem sabe como resolver essas encrencas .

As imagens abaixo ilustram o problema que estou tendo .

Em uma tela full quero que as div fiquem posicionadas nessa posição :

/applications/core/interface/imageproxy/imageproxy.php?img=http://www.oscaraguiar.bl.ee/01.png&key=bb3553411a2b61cf6a0a03eb06a6849ea93d0281678a9475e8ce3cb11eab6d2e" alt="01.png" />

Agora o problema quando eu faço a diminuição do do navegador ou abro essa pagina no celular a div deveria ficar dessa forma como mostra na imagem abaixo :

/applications/core/interface/imageproxy/imageproxy.php?img=http://www.oscaraguiar.bl.ee/02.png&key=a89316dae571383a2e3aefc205da3caa6f8e2bba2e34e0449c55ce747c3c4d9c" alt="02.png" />

Mas isso não está acontecendo , certamente porque sou iniciante em CSS e Bootstrap .

Alguem pode me ajudar com essa encrenca ?

Agradeço desde já a atenção de todos .

Oscar .