Autor Zpráva
nejdesemiprihlasit
Profil
Ahoj potřeboval bych aby se mi výpis z databáze pomocí bootstrapu sestavil do pravidelné tabulky, ale mám problém. Kromě toho že mi nejde nastavit velikost obrázků děje se to, že se mi na některé pole nic nevypíše.
kód:
                                while ($row = mysqli_fetch_assoc($setuplistpc)){
                    echo '
          <div class="col-md-3 col-sm-6">
            <span class="thumbnail text-center">
                  <img src="'.$row['image'].'" alt="'.$row['imagealt'].'" height="350" width="280">
                  <h4 class="text-danger">'.$row['title'].'</h4>
                  <div class="ratings">
                    
                </div>
                  <p>Uttar Pradesh (North Zone)</p>
                  <p>Registration No :gaadiexpert.com</p>
                  <p>Auction End in 5 days</p>



                  <hr class="line">
                  <div class="row">
                      <div class="col-md-6 col-sm-6">
                          <button type="button" class="btn btn-link">Add to Wishlist</button>
                      </div>
                      <div class="col-md-6 col-sm-6">
                          <button class="btn btn-danger right" > BID NOW</button>
                      </div>
                      
                  </div>
            </span>
          </div>
                    ';
                }

potřeboval bych aby se po každém čtvrtém výpisu vložil žádek <div class="clearfix"></div> jde to pomocí nějakého jednoduchého kódu udělat ?
zakkproject.tk/setup.php#pc
případně ještě jde nějak určit aby byly všechny divy obsahující produkt stejné ?
Keeehi
Profil
Přibližně takto
$i=0;
while (...) {

    ...

    if ($i++ % 4 === 0) {
        echo '<div class="clearfix"></div>';
    }
}
Radek9
Profil
Keeehi:
Tam by měl být použit spíš pre-increment operátor, jinak to vypíše clearfix už po první iteraci:

    if (++$i % 4 === 0) {

Niceméně si ale myslím, že by bylo vhodné ošetřit i ten případ, kdy je nižší rozlišení a sloupce jsou 2. V tom případě se dají využít třídy hidden-* (případně visible-*-block):

$i = 0;
while (...) {
 
    ...
    
    ++$i;
    if ($i % 4 === 0) {
        echo '<div class="clearfix hidden-xs hidden-sm"></div>';
    }
    if ($i % 2 === 0) {
        echo '<div class="clearfix hidden-md hidden-lg"></div>';
    }
}
Keeehi
Profil
Radek9:
Tam by měl být použit spíš pre-increment
Asi ano. Proto jsem psal přibližně.
nejdesemiprihlasit
Profil
Děkuji za rady :D. Clearfix jsem potřeboval k tomu že každý "čtvereček" měl jinou výšku (sice podobnou) a tím pádem se web rozkázel náhodně kdekoliv předchozí čtverec veslopuci přetáhl limit vynechal se
Vypadalo to takto:
1 1 1 1
0 0 1 0
1 1 0 1
atd a vypadalo to dost hnusně.
což se u tabletů moc nerozhází, ale pro jistotu to tam přidám.
A mobily jsou v pohode pořád :D
Kajman
Profil
Když ty čtverečky budou ve společném rodiči a ten rodič nebude mít jiné potomky stejného typu, tak by to mělo jít i přes css. V příslušných @media pravidlech přidat něco jako
div.novaclass:nth-of-type(4n+1) {clear: both;}
pro 4 sloupce

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: