Php 引导行流体项折叠
我不明白为什么从第二行开始的图像开始倒下,而不像第一行那样出现Php 引导行流体项折叠,php,twitter-bootstrap,containers,html,collapse,Php,Twitter Bootstrap,Containers,Html,Collapse,我不明白为什么从第二行开始的图像开始倒下,而不像第一行那样出现 <div class="container-fluid"> <div class="row-fluid"> <div class="span9 offset3"> <?php $step = 1; do{ echo <<<EOF <div class="sp
<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>
剩下的代码(通过PHP生成)可以找到您只为
第一个孩子使用了margin left:0,这就是问题所在
为所有id添加p1、p4、p7、p10..
左边距:0
风格:
.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 } ?>
。最左边的{左边距:0}
您只对第一个孩子使用了左边距:0,这就是问题所在
为所有id添加p1、p4、p7、p10..
左边距:0
风格:
.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 } ?>
。最左边的{左边距:0}
我也面临着完全相同的行为
我建议您创建不同的行,而不是在同一行中封装div。一行中的div应该只占一行(非常明显),这就是为什么所有元素都有一个左边距。在换行符中,左边的边距保持不变,这就是为什么你的div没有对齐
可能是每行可以插入3个div
i、 e
...
另一种选择是将div放入容器中。当div浮动时,这也将起作用
<div class="container-fluid">
<div class="span3"></div>
<div class="span3"></div>
<div class="span3"></div>
<div class="span3"></div>
<div class="span3"></div>
<div class="span3"></div>
...
</div>
...
我遇到过完全相同的行为
我建议您创建不同的行,而不是在同一行中封装div。一行中的div应该只占一行(非常明显),这就是为什么所有元素都有一个左边距。在换行符中,左边的边距保持不变,这就是为什么你的div没有对齐
可能是每行可以插入3个div
i、 e
...
另一种选择是将div放入容器中。当div浮动时,这也将起作用
<div class="container-fluid">
<div class="span3"></div>
<div class="span3"></div>
<div class="span3"></div>
<div class="span3"></div>
<div class="span3"></div>
<div class="span3"></div>
...
</div>
...
如果它们是在一系列php中生成的,如何只将其添加到最左边(p1、p4、p7…)的跨度?如果您的代码不起作用,站点将变为白色(您可以检查)错误显然是php@Кааааааааааааааа。然后也添加您的php代码。如果它们是在一系列php中生成的,如何只将其添加到最左边的(p1、p4、p7…)跨度?如果您的代码不起作用,站点将变为白色(您可以检查)错误显然是php@Бааааааааааааааа。然后再添加您的php代码。