Esta es el arreglo más exacta que te podemos dar, sin embargo obsérvala detenidamente y analiza si es compatible a tu trabajo.
Solución:
los flex-nowrap clase en el row funcionó para mí en 2020:
Ref: Bootstrap 4 – sin envoltura de columna
Creo que necesitas reemplazar col-md-8 con col-xs-8 y col-md-4 con col-xs-4
Con bootstrap, desea desarrollar utilizando primero el dispositivo más pequeño en mente. Esto significa usar xs en tus columnas. si cambias md para xs sus columnas ya no deberían envolverse en un dispositivo más pequeño:
arranque
Este es un extracto de la documentación de la cuadrícula de arranque
¿No quiere que sus columnas simplemente se apilen en dispositivos más pequeños? Use las clases de cuadrícula de dispositivos extra pequeños y medianos agregando .col-xs-* .col-md-* a sus columnas. Vea el ejemplo a continuación para tener una mejor idea de cómo funciona todo.
Lo que significa que puede combinar consultas de medios, como .col-xs-12 .col-md-8
Sección de Reseñas y Valoraciones
Si para ti ha sido de utilidad este post, sería de mucha ayuda si lo compartieras con el resto seniors de esta forma nos ayudas a extender nuestro contenido.