Bootstrap Grid不适合我

时间:2015-11-04 15:07:59

标签: php html twitter-bootstrap

我希望在普通计算机显示器上屏幕上有4列,然后我得到2个(订单和生产),然后在生产中我得到另外两个。见下图

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>DashBoard</title>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="http://localhost/css/bootstrap.min.css">
        <!-- Bootstrap core CSS -->
        <link href="http://localhost/css/bootstrap.min.css" rel="stylesheet">
        <!-- Bootstrap theme -->
        <link href="http://localhost/css/bootstrap-theme.min.css" rel="stylesheet">
        <!-- Custom styles for this template -->
        <link href="theme.css" rel="stylesheet">
        <script src="https://localhost/js/jquery.min.js"></script>
        <script src="http://localhost/js/bootstrap.min.js"></script>
    </head>
    <body>
        <div class="container-fluid">

            <div class="row">
                <div class="col-md-3 ">
                    <button type "button" class="btn btn-primary btn-lg btn-block ">
                        <a href='/kf_orders_entered_by.php'><font font color="white">Orders!<br><?php include 'bs_kf_orders_entered_by.php';?></font></a>
                    </button>
                </div>
                <div class="col-md-3 ">
                    <button type "button" class="btn btn-success btn-lg btn-block ">
                        <a href='/kf_production.php'><font font color="white">Production!<?php include 'bs_kf_production_price.php';?></font></a>
                    </button>
                </div>
                <div class="col-md-3 ">
                    <button type "button" class="btn btn-warning btn-lg btn-block ">
                        <a href='/kf_orders_onhold_dt.php'><font font color="white" >ON Hold<br><?php include 'bs_kf_orders_onhold.php';?></font></a>
                    </button>
                </div>
                <div class="col-md-3 ">
                    <button type "button" class="btn btn-info btn-lg btn-block ">
                        <a href='#'><font font color="white" >Place Holder<br>PlaceHolder</font></a></button></font></a>
                    </button>
                </div>
            </div>

            <div class="row">
                <div class="col-lg-3 "> 
                    <div > <?php include 'kf_salesman_total.php';?></div>
                </div>  
            </div>

        </div>
    </body>
</html>

Groovy Goodness site

2 个答案:

答案 0 :(得分:2)

您无法在</button>之后结束div。 (+我修复了一些语法错误) 请尝试以下方法:

<body>
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-3"><button type="button" class="btn btn-primary btn-lg btn-block"><a href='/kf_orders_entered_by.php'><font color="white">Orders!<br><?php include 'bs_kf_orders_entered_by.php';?></font></a></button></div>
            <div class="col-md-3"><button type="button" class="btn btn-success btn-lg btn-block"><a href='/kf_production.php'><font color="white">Production!<?php include 'bs_kf_production_price.php';?></font></a></button></div>
            <div class="col-md-3"><button type="button" class="btn btn-warning btn-lg btn-block"><a href='/kf_orders_onhold_dt.php'><font color="white" >ON Hold<br><?php include 'bs_kf_orders_onhold.php';?></font></a></button></div>
            <div class="col-md-3"><button type="button" class="btn btn-info btn-lg btn-block"><a href='#'><font color="white" >Place Holder<br>PlaceHolder</font></a></button></div>
        </div>
        <div class="row">
            <div class="col-lg-3"><?php include 'kf_salesman_total.php';?></div>
        </div>  
    </div>
</body>

答案 1 :(得分:1)

所以它必须是这个页面的输出,但是?????

<html>
<head>
</head>
<body>
<?php
$connect =odbc_connect("removed");
if(!$connect) {
    exit("Connection Failed: " . $connect);
}
$gr_total = 0;
$sql="select
SO.ompCreatedBy, count(SO.ompSalesOrderID) as orders,round(sum(SO.ompOrderSubTotalBase),2) as total 
FROM   m1_kf.dbo.SalesOrders SO
Where    SO.ompOrderDate=CONVERT(varchar,GETDATE(),101)
Group by SO.ompCreatedBy";
$result =odbc_exec($connect,$sql);
if(!$result){
exit("Error in SQL");
}
 while ($row = odbc_fetch_array($result))
{
  $gr_total = $gr_total + $row['total'];
 }
 $num2 = number_format( $gr_total, 2);
odbc_close($connect);
echo "$num2";
?>
</body>
</html>