php - Bootstrap row-fluid items collapsing -
i can not understand why images starting second row start toppling , not appear in first row?
<div class="container-fluid"> <div class="row-fluid"> <div class="span9 offset3"> <?php $step = 1; do{ echo <<<eof <div class="span4 {$class}" id="p{$rst_catalog['p_id']}"> <a href="pillow.php?p_id={$rst_catalog['p_id']}"><img src="images/{$rst_catalog['p_img']}" alt="img" title="{$rst_catalog['p_name']}" /></a> <div class="row"> <div class="span12"> <a href="pillow.php?p_id={$rst_catalog['p_id']}">{$rst_catalog['p_name']}</a> {$rst_catalog['p_rubric']} {$rst_catalog['p_price1']}.00 руб. </div> </div> </div> eof; if ($step == 4) $step = 11; else $step++; } while ($rst_catalog = mysql_fetch_assoc($res_catalog)); ?> <?php require_once ("inc/inc_show_pagination.php"); ?> </div> </div> </div>
the rest of code (it generated through php) can found here
you used margin-left:0 first-child
thats issue
add margin-left: 0
id p1,p4,p7,p10..
working
style:
.left-most{margin-left:0} <?php for($i=0;$i<10;$i++){ $tst=$i/3; if(!is_float($tst)){ $class='left-most'; }else{ $class=''; } ?> <div class="span4 <?php echo $class; ?>">your stuff here</div> <?php } ?>
Comments
Post a Comment