PHP条件和循环破坏了html格式

时间:2018-07-16 16:11:39

标签: php html bootstrap-4

我正试图将我的html模板转换为一个php脚本,该脚本仅采用返回的数据库值,并对某些值进行比较以将正确的内容放置在占位符中。

数据已正确返回并显示在页面上,但我的html格式已损坏。

这应该输出一个非常简单的容器行格式,包括2个半角列,每个半角列都有自己的内部div,如下所示:

<div class="row middle">
    <div class="col-lg-6 leftFifty">
        <div class="leftContent" style="background-color: white; height: 100%; ">       
        Content
        </div>
    </div>
    <div class="col-lg-6 rightFifty">
      <div class="rightContent" style="background-color: white; height: 100%; ">
      Content
      </div>
    </div>
</div>

但是当我添加PHP条件时,它会完全破坏该格式,包括本节之后的所有内容

<div class="row middle">
    <?php foreach($panelResult as $PR): ?>
    <div class="col-lg-6 leftFifty">
        <?php if($PR['panel_type_id'] == 2){ ?>
        <div class="leftContent" style="background-color: white; height: 100%; ">       
        <?php echo $PR['content']?>
        </div>
    </div>
    <div class="col-lg-6 rightFifty">
        <?php } elseif($PR['panel_type_id'] == 3){?>
      <div class="rightContent" style="background-color: white; height: 100%; ">
        <?php  echo $PR['content'] ?>
      </div>
     <?php } ?>
    </div>
<?php endforeach; ?>
</div>

<!--This div is not showing-->
<div class="row bottom">
  <div class="col-lg-12">
    <div class="marquee"><h2>This is a test</h2></div>
  </div>
</div>

对于此页面类型,应该存在中间行,并且leftFifty / leftContent类以及rightFifty和rightContent类都应存在。

我使用If语句的唯一原因是确保panel_type_id == 2内容填充左div,如果右div等于3,则填充右div。

如何重新组织它以保留html格式?

0 个答案:

没有答案