Estou tentando descobrir como conseguir o seguinte no Bootstrap 3:

Eu tenho uma página HTML que é baseada principalmente em torno da grade de contêiner fixo do bootstrap.No meio da página, quero uma linha com colunas de tamanhos diferentes.Quero que o conteúdo (texto / imagens) dentro dessas colunas fique alinhado com o conteúdo dentro das colunas na grade do contêiner fixo.Quero que as cores de fundo das colunas mais à esquerda e à direita sangrem até a borda da página.

Pode ajudar se eu ilustrar o que estou tentando alcançar:

Qualquer ajuda seria muito apreciada!

Atualizar: conforme solicitado, aqui estão alguns exemplos de código do que eu tenho atualmente:http://www.bootply.com/ZzOefJGRRq Como você pode ver, o texto e as colunas no contêiner de fluido não estão alinhados corretamente.