| Autor | Zpráva | ||
|---|---|---|---|
| nejdesemiprihlasit Profil |
#1 · Zasláno: 13. 10. 2017, 13:41:43
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 |
#4 · Zasláno: 13. 10. 2017, 14:54:09
Radek9:
„Tam by měl být použit spíš pre-increment“ Asi ano. Proto jsem psal přibližně. |
||
|
Časová prodleva: 3 dny
|
|||
| nejdesemiprihlasit Profil |
#5 · Zasláno: 16. 10. 2017, 20:44:29
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 |
#6 · Zasláno: 17. 10. 2017, 13:15:23
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;} |
||
|
Časová prodleva: 7 let
|
|||
0