Bootstrap column on mobile positions

You may want to try CSS Flexbox : A complete guide to Flexbox, since it’s the easiest way to dynamically modify content positon.

Thanks to CSS Media queries you should test the max width of the viewport :

//Default style
.container {
    display: flex;
    flex-direction: row;
}

//Adaptative style
@media (max-width: 12450px) {
    .container {
        display: flex;
        flex-direction: column; /*from row to column*/
    }
}