Javascript 为什么不是';在aspx页面中使用引导时,站点呈现是否响应?
这里有一个页面,我正在aspx页面上运行引导(通过CDN)。我可以在桌面上正常运行引导程序。然而,在移动设备中,它没有响应能力 第页: 我也试着在本地调用引导核心文件,但没有任何效果 所有内容都被塞进一个网络表单中。我通过JavaScript对象调用所有类Javascript 为什么不是';在aspx页面中使用引导时,站点呈现是否响应?,javascript,asp.net,twitter-bootstrap,bootstrap-4,Javascript,Asp.net,Twitter Bootstrap,Bootstrap 4,这里有一个页面,我正在aspx页面上运行引导(通过CDN)。我可以在桌面上正常运行引导程序。然而,在移动设备中,它没有响应能力 第页: 我也试着在本地调用引导核心文件,但没有任何效果 所有内容都被塞进一个网络表单中。我通过JavaScript对象调用所有类 var j = document.getElementById("jval").value; var obj = JSON.parse(j); var DivCont = document.getElementB
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 = "";
//alert(obj[i].ProdId)
t += "<div class=\"row\">";
t += "<div class='col-sm-12'>";
t += "<div class='card no-bg no-border'>";
t += "<div class='row'>";
t += "<div class='col-lg-3 col-sm-12'>";
t += "<ul class=\"list-group\">";
t += "<li class=\"list-group-item date no-bg no-border text-uppercase\">";
t += "<i class='fa fa-calendar'></i> Start Date: " + sd;
t += "</li>";
t += "<li class='list-group-item time no-bg no-border text-uppercase'>";
t += "<i class='fa fa-clock-o'></i> Type: " + obj[i].SessionType;
t += "</li>";
t += "<li class='list-group-item speaker no-bg no-border text-uppercase'>";
t += "<i class='fa fa-user'></i> Speaker: " + obj[i].LblName;
t += "</li>";
t += "</ul>";
t += "</div>";
t += "<div class='col-lg-9 col-sm-12'>";
t += "<h4 class='card-header title-mlr-0 no-bg no-border text-black text-uppercase mt-3 mb-3'>";
t += obj[i].SessionName;
t += "</h4>";
t += "<p class='card-text'>";
t += obj[i].ShortDescr;
t += "</p>";
t += "</div>";
t += "</div></div></div></div>";
//alert(t)
DivCont.innerHTML += t;
}
var j=document.getElementById(“jval”).value;
var obj=JSON.parse(j);
var DivCont=document.getElementById(“DivCont”);
对于(变量i=0;i”;
t+=“”;
t+=“开始日期:”+sd;
t+=“ ”;
t+=“”;
t+=“类型:”+obj[i]。会话类型;
t+=“ ”;
t+=“”;
t+=“扬声器:”+obj[i].LblName;
t+=“ ”;
t+=“”;
t+=”;
t+=”;
t+=”;
t+=obj[i].SessionName;
t+=”;
t+=“”;
t+=obj[i].ShortDescr;
t+=“
”;
t+=”;
t+=”;
//警报(t)
DivCont.innerHTML+=t;
}
我错过了什么 您在
中缺少一些必需的元标记。从引导程序开始:
Bootstrap是mobilefirst开发的,这是一种我们优化的策略
首先为移动设备编码,然后根据需要放大组件
必要时使用CSS媒体查询。确保正确的渲染和
触摸所有设备的缩放,将响应视口元标记添加到
你的
将以下元标记添加到
,以帮助确保页面响应。您很可能会将其添加到主模板
希望这有帮助 您在
中缺少一些必需的元标记。从引导程序开始:
Bootstrap是mobilefirst开发的,这是一种我们优化的策略
首先为移动设备编码,然后根据需要放大组件
必要时使用CSS媒体查询。确保正确的渲染和
触摸所有设备的缩放,将响应视口元标记添加到
你的
将以下元标记添加到
,以帮助确保页面响应。您很可能会将其添加到主模板
希望这有帮助 成功了。这就是我尝试在前端开发人员和后端开发人员之间转换的结果。谢谢。这很有效。这就是我尝试在前端开发人员和后端开发人员之间转换的结果。谢谢。
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">