首页 > 解决方案 > bootstrap4网格一页四行

问题描述

我正在尝试制作身份证,但经过多次研究,我发现确实没有像 MS Access Reports 那样实现基于列的标签打印的糟糕方法。到目前为止,我已经设法获得了行,但发现很难使用,page-break-after:always因为这涉及引导行。任何有关在整个循环中一次将卡片变为一页四行的帮助将不胜感激。到目前为止我的代码:

while($row=mysqli_fetch_array($stmt)){
    if($row['Guardian']){
        $guardian='<b>G: </b>'.ucwords(strtolower($row['Guardian'])).' - '.$row['Contact'];
    }else{
        $guardian='<b>G: </b>';
    }

    echo '
        <div class="col-md-6 pl-0 pr-0" style="height:8.425cm;border:1px dashed white;">
            <div style="height:2cm;background:#1579AA;">
                <h3 class="p-4 ml-2 text-white font-weight-bold;"><i class="fa fa-vcard"></i> Student ID Card<p><span class="text-white" style="font-size:8pt;">'.ucwords(strtolower($client)).' '.$rpt_addr_line2.'</span></h3>
            </div>
            <div class="row">
                <div class="col-md-8">
                    <h5 class="font-weight-bold mt-2 text-nowrap" style="color:#1579AA;margin-left:30px;">'.ucwords(strtolower($row['Surname'].' '.$row['Othernames'])).'</h5>
                    <p style="font-size:9pt;margin-left:30px;">'.$guardian.'</p>
                    <div id="std-'.$count.'-qr" class="mt-1" style="margin-left:30px;" class="border border-dark"></div>
                </div>
                <div class="col-md-3 mt-2 text-center">
                    <img class="border border-info p-1" style="height:120px;width:100px;" src="/uploads/students/'.$row['SID'].'.jpg" onerror="this.src=\'/_filx/_visualx/grafix/misc/avatar.png\'"/>

                    <img id="std-'.$count.'-bc"/>
                </div>
            </div>
            <div class="col-md-12" style="height:1cm;background:#1579AA;" class="text-center">
                <p class="text-white p-2" style="font-size:8pt;">IN CASE OF EMERGENCY CONTACT MANAGEMENT ON '.$school_phone.'</p>
            </div><input type="hidden" id="std-'.$count.'-link" value="'.$rpt_link.'/verify-student.php?ref='.$row['ID'].'"/>
        <span id="std-'.$count.'-barcode" class="mhide">'.$row['SID'].'</span>';
    $count++;
    }
    echo '
    </div>
    <input type="hidden" id="total-students" value="'.$count.'"/>';

标签: phptwitter-bootstrap

解决方案


你的查询是什么?你的数据检索表里面有什么?您应该在主数据获取 for 循环中使用 for 循环。

for(db data retrive array){
        for(filter for rows){
}

}


推荐阅读