I have a problem with a bootstrap class, I have a div of class .row and inside said div I have two more with classes .col-10 and col-2, when the application is executed in Desktop it looks fine, but when passing it at the resolution of the iPad, the div is overlaid.
What I am trying to do is that when the screen resolution is 768px(width) the .col-10 class changes to .col-12 so that it fills the screen and the other div goes down.
I tried to do a JavaScript function but it doesn't give me an error or anything and it doesn't make the change I need.
function cambio(){
var clase = document.getElementById("resize");
if (window.screen.width < 768){
clase.className = "col-12";
}else{
clase.className = "col-10";
}
}