Estoy tratando de averiguar cómo lograr lo siguiente en Bootstrap 3:

Tengo una página HTML que se basa principalmente en la cuadrícula de contenedor fijo de bootstrap.A la mitad de la página quiero una fila con columnas de diferentes tamaños.Quiero que el contenido (texto / imágenes) dentro de estas columnas se alinee con el contenido dentro de las columnas en la cuadrícula de contenedor fijo.Quiero que los colores de fondo de las columnas más alejadas izquierda y derecha se deslicen hasta el borde de la página.

Puede ayudar si ilustro lo que estoy tratando de lograr:

Cualquier ayuda sería muy apreciada!

Actualizar: según lo solicitado, aquí hay algunos ejemplos de código de lo que tengo actualmente:http://www.bootply.com/ZzOefJGRRq Como puede ver, el texto y las columnas en el contenedor de fluido no se alinean correctamente.