Corr Bootstrap



  • Html:

    echo '<div class="row">';
    

    while($data = mysql_fetch_array($pa)){
    $fiya = number_format($data['fiyat'], 0, ' ', ' ');
    $fiyat = '<div class="fiyat">'.$fiya.'</div>';
    $name = mb_substr($data['name'], 0, 45, 'UTF-8') . '...';
    echo '
    <div class="col-xs-4 col-md-3">
    <a href="#" class="thumbnail">
    <img src="'.$data['img'].'">

    <div class="tovarfooter"><div class="text">'.$name.'</div>
    <div class="bilgi">
    <div class="fiyat">'.$fiyat.' <img src="../tl.png" width="9" height="10"></img></div>
    <div class="bilgisag">'.$data['il'].'/'.$data['ilce'].'</div>
    </div>
    </div>

    &lt;/a&gt;
    

    </div>
    ';
    echo '</div>';

    введите сюда описание изображения

    As you can see in the image, on the 4th of the TEST1 block, the name of the product is less than the other and is one line, and it's the one that's causing the bottom of the block to fix it?

    More specifically, how is it right to create such blocks as adaptive vertical and horizontal?



  • I solved problems with nth-child: HTML: <div class="row"> <div class="col-sm-6 col-xs-16 col-md-4 col-lg-3"> </div>... </div>

    @media only screen and (min-width : 768px) and (max-width : 992px) { .col-sm-6:nth-child(2n+1) { clear: left; ♪ ♪

    @media only screen and (min-width : 992px) and (max-width : 1200px){ .col-md-4:nth-child(3n+1) { clear: left; ♪ ♪

    @media only screen and (min-width : 1200px){ .col-lg-3:nth-child(4n+1) { clear: left; ♪ ♪




Suggested Topics

  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2