php - 这是构建 Bootstrap 面板的正确方法吗？

Question

问题

Bootstrap 面板中的行未对齐，但查看文档后相信我所做的没有任何问题。我已经检查并相信列、行等构建正确，只是右列高于左列，如下面的屏幕截图所示。

截图

呃，我不允许张贴图片。你可以在这里看到它http://picpaste.com/Capture-JEsTPIWT.PNG .

代码

相信这是我的 Bootstrap 样式中的一个问题，但为了以防万一，我会包含完整的代码。

  <div class="col-md-3">
    <div class="panel panel-default">
      <div class="panel-heading">
        <h3 class="panel-title">Order Totals</h3>
      </div>
      <div class="panel-body">
        <div class="row">
          <div class="col-md-6"><h5>Net Total</h5></div>
          <?php

          if($conn){ 

          $stid = oci_parse($conn, "

            SELECT NetTotal
            FROM Totals
            WHERE OrderNo = ".$_GET['id']."

          ");
          oci_execute($stid);

          while (($row = oci_fetch_array($stid, OCI_NUM)) != false) {
              echo "<div class='col-md-6'>£" . $row['0'] . "</div>";
          }

          oci_free_statement($stid);

          }

          ?>
        </div>
        <div class="row">
          <div class="col-md-6"><h5>VAT</h5></div>
          <?php

          if($conn){ 

          $stid = oci_parse($conn, "
            SELECT NetTotal
            FROM Totals
            WHERE OrderNo = ".$_GET['id']."

          ");
          oci_execute($stid);

          while (($row = oci_fetch_array($stid, OCI_NUM)) != false) {
              echo "<div class='col-md-6'>£" . number_format((float)($row['0'] * 17.5/100), 2, '.', '') . "</div>";
          }

          oci_free_statement($stid);

          }

          ?>
        </div>
        <div class="row">
          <div class="col-md-6"><h5>Gross Total</h5></div>
          <?php

          if($conn){ 

          $stid = oci_parse($conn, "

            SELECT NetTotal
            FROM Totals
            WHERE OrderNo = ".$_GET['id']."

          ");
          oci_execute($stid);

          while (($row = oci_fetch_array($stid, OCI_NUM)) != false) {
              echo "<div class='col-md-6'>£" . number_format((float)($row['0'] + ($row['0'] * 17.5/100)), 2, '.', '') . "</div>";
          }

          oci_free_statement($stid);
          oci_close($conn);

          }

          ?>
          </div>
        </div>
      </div>
    </div>

Answer 1

一个比另一个高一点的原因是你的标签。

由于标签会对其进行一些设计，将位置更改为其适当的样式，结果设置比普通文本要低一些。不过，您的金额不会改变。