Tengo un footer hecho a partir de la barra de navegación de bootstrap, la cosa es que estoy intentando ubicar ciertas columnas dentro de filas que también son columnas de una fila principal.
He aquí el codepen
Verán un div naranjo y otro celeste. Si achican la pantalla hasta llegar a 767px, el div celeste se sale del costado y se sobrepone al div naranjo.
No tengo idea de por qué ocurre, pero lo curioso es que 767px es el mismo ancho de pantalla al que el togglebutton (El botón de tres barritas que minimiza una barra de navegación) hace su efecto.
Entonces necesito que el div naranjo no pierda su posición cuando el ancho de pantalla sea menor a 767px.
¿Por qué ocurre esto? ¿Cómo lo arreglo?