I am currently facing an issue with my page setup. I have Bootstrap running on an aspx page and it works perfectly on desktop but not on mobile devices.
Page:
https://i.sstatic.net/N8vSF.png
I even tried hosting the Bootstrap core files locally, but still no luck in making it responsive on mobile.
All the classes are being called within a webform using JavaScript objects.
//JavaScript code snippet
var j = document.getElementById("jval").value;
var obj = JSON.parse(j);
var DivCont = document.getElementById("DivCont");
for (var i = 0; i < obj.length; i++)
{
var d = new Date(obj[i].StartDate);
var sd = d.getMonth() + 1 + '-' + d.getDate() + '-' + d.getFullYear();
var t = "";
t += "<div class=\"row\">";
t += "<div class='col-sm-12'>";
//more HTML content generation here
DivCont.innerHTML += t;
}
I can't seem to figure out what's causing the responsiveness issue on mobile. Any insights or suggestions would be greatly appreciated!