代码之家  ›  专栏  ›  技术社区  ›  Millhorn

为什么在aspx页面中使用引导时站点呈现没有响应性?

  •  0
  • Millhorn  · 技术社区  · 6 年前

    页码: http://ecommerce.instituteforsupplymanagement.org/confreg/default.aspx

    enter image description here

    一切都被塞进了一个网络表单。我通过JavaScript对象调用所有类。

        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;
        }
    

    我错过了什么?

    1 回复  |  直到 6 年前
        1
  •  2
  •   Alexander Staroselsky    6 年前

    <head> . 从引导开始 documentation :

    Bootstrap是mobile-first开发的,这是一种优化策略 使用CSS媒体查询是必要的。以确保正确的渲染和 触摸所有设备的缩放,将响应视口元标记添加到

    将以下元标记添加到 < 以帮助确保页面响应。您很可能会将其添加到主模板中 <%@ Master ... %> .

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">