Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/258.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/templates/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 引导行流体项折叠_Php_Twitter Bootstrap_Containers_Html_Collapse - Fatal编程技术网

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代码。