Bootstrap Grid не работает для меня

Я хочу 4 столбца по экрану на обычном мониторе компьютера, и я получаю 2 через (заказы и производство), а затем под производство я получаю два других. Смотрите изображение нижеBootstrap Grid не работает для меня

<!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>

my screen

источник

2015-11-04 user163169

Похоже, что вы не закрываете div 'col-md-3 'правильно. Конечный div должен быть сразу после тега кнопки окончания. –

Если у вас все еще есть проблемы, пожалуйста, предоставьте bootply или jsfiddle, чтобы мы могли помахать – ganders

на bootply, он появляется так, как должен. Что бы это значило, моя проблема - ??????? – user163169

Вы не заканчивающегося DIV после </button>. (+ Я исправил ошибку синтаксиса) Попробуйте следующее:

<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>

источник

2015-11-04 15:25:17 kotapeter

Я изменил код, результаты не то, что я еще прыгал. он помещает первые три столбца друг на друга, а последний столбец справа от среднего столбца первых трех столбцов, которые стека друг на друга. – user163169

попробуйте еще раз, пожалуйста, – kotapeter

Если он по-прежнему кажется неправильным, ошибка указана в включенном файле php. – kotapeter

поэтому он должен быть выход этой страницы, но что ?????

<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>

источник

2015-11-04 17:45:22 user163169

Bootstrap Grid не работает для меня

ответ

Смежные вопросы