这是构建Bootstrap面板的正确方法吗?

时间:2014-05-14 13:57:32

标签: php html css twitter-bootstrap

问题

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>

1 个答案:

答案 0 :(得分:0)

为什么一个比你的标签高一点的原因。

由于标签会设计一点,将位置更改为适当的样式,因此设置比普通文本更低一些。你的金额不会被改变。