列出的项目不对齐并且连续跳过2个项目空间

时间:2019-06-26 23:19:46

标签: php html twitter-bootstrap alignment

我在将产品3连续列出时遇到了问题,该行在4号被破坏 当它在第四项时,会像这样列出它们

1. row 1 1 1 
2. row 0 0 1
3. row 1 0 0 
4. row 1 1 1 
5. row 0 0 1 

我找不到问题所在。

我检查了引导容器的结构。这是说该行之后的第一个列是左边,第二个是中心,第三个是右边。 我连续做了3列,但是那行不通,我不能用左侧,就像容器只有中央和右侧一样。因此,项目的大小不适合容器,这就是为什么当我使项目大小为<div class="col-md-2">时,我会跳过它的原因,这些项目在行中正确,但它们变小了。我需要它们<div class="col-md-3">变成3或4时一切都会破裂

<?php 


include "header.php";

$id=isset($_GET['kategori_id']) ? $_GET['kategori_id']:""; 

$kitap_cek_miktar = 12;

$sql=$db->prepare("SELECT COUNT(*) AS kayit_sayisi FROM kitap_bilgi where kategori_id=$id ");

$sql->execute();

$kayit_say=$sql->fetch(PDO::FETCH_ASSOC);

$kayit_sayisi = $kayit_say['kayit_sayisi'];

$sayfa_sayisi=ceil($kayit_sayisi/$kitap_cek_miktar);
if (!isset($_GET['sayfa'])) {
  $sayfa=1;
}else{
  $sayfa=$_GET['sayfa'];
}
$ilk_kayit=($sayfa-1)*$kitap_cek_miktar;

  
   $resim=$db->prepare("SELECT kitap_ad,kitap_resim, kitap_fiyat,kitap_id from kitap_bilgi  where kategori_id=$id LIMIT ".$ilk_kayit.",".$kitap_cek_miktar);  
  $resim->execute();
 $veri = $resim->fetchAll(PDO::FETCH_ASSOC); // tablo verilerini oku
 
 ?>
<div class="container">
    <!---  this stucture is like a banner for an e-commerce website   --->   
    <div class="row">
      <div class="col-md-12">
        <div class="page-title-wrap">
          <div class="page-title-inner">
          <div class="row">
            <div class="col-md-4">
              <div class="bread"><a href="index.php">Home</a> &rsaquo; Category</div>
              <div class="bigtitle">Category</div>
            </div>
            <div class="col-md-3 col-md-offset-5">
              <button class="btn btn-default btn-red btn-lg">Purchase Theme</button>
            </div>
          </div>
          </div>
        </div>
      </div>
    </div>
    <!--^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^--->

    <div class="row">
        <div class="col-md-9"><!--Main content-->
            
            <div class="title-bg">  <!---  this stucture is to change the list way an e-commerce website   --->
              <div class="title">Category - All products</div>
              <div class="title-nav">
                <a href="category.htm"><i class="fa fa-th-large"></i>grid</a>
                <a href="category-list.htm"><i class="fa fa-bars"></i>List</a>
              </div>
            </div> <!--^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^--->

            <div class="row prdct"><!--Products listing the products pic, price, name --> 
            <?php foreach($veri as $kayit): ?> 
              <div class="col-md-4"> <!-- items list size  -->
                <div class="productwrap">
                  <div class="pr-img">
                      <a href="urun_detay.php?kitap_id=<?= $kayit['kitap_id']?>">
                      <img src="images/<?= $kayit['kitap_resim']?>" alt="<?= $kayit['kitap_ad']?>" class="img-responsive">
                      </a>
                      <div class="pricetag">
                        <div class="inner"><?= $kayit['kitap_fiyat'].'₺'?></div>
                      </div>
                  </div>
                    <span class="smalltitle">
                  <a href="urun_detay.php?kitap_id=<?= $kayit['kitap_id']?>"><?= $kayit['kitap_ad'].$kayit['kitap_id']?></a>
                    </span>
                </div>
              </div>
            <?php endforeach; ?>
            </div><!--Products ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^--->

              <ul class="pagination shop-pag"><!--pagination making the pages 1.2.3 next -->         
                  <?php for ($sayfa=1;$sayfa<=$sayfa_sayisi;$sayfa++) 
                  {
                    echo '<li>
                    <a href="urunler.php?sayfa=' . $sayfa .'&kategori_id='.$id. '">' . $sayfa . '</a>
                      </li> ';
                  }     ?>
              </ul><!--pagination--><!--^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^--->
      </div><!--Main content-->

            <div class="col-md-3"><!--sidebar listing the categories     -->
              <div class="title-bg">
                <div class="title">Categories</div>
              </div>
              <div class="categorybox">
                <?php categories();?>
              </div> 
            </div><!--sidebar-->
    </div>
</div>

<?php
include('footer.php');
?>

0 个答案:

没有答案