Bootstrap在php的循环中的脚手架 [英] Bootstrap Scaffolding in php's loop

查看:104
本文介绍了Bootstrap在php的循环中的脚手架的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

如果我想显示网格彼此相邻,如何做脚手架。我的实际代码

 < div class =span8> 
< div class =row-fluid>
<?php foreach($ items as $ item):?>
< div class =span6>
<?= $ item?>
< / div>
<?php endforeach; ?>
< / div>
< / div>

网格显示为

  ------------------- 
1box 2box
-------------- -----
3box
-------------------
4box
-------- -----------
5box
-------------------



我想显示

  --- ---------------- 
1box 2box
-------------------
3box 4box
-------------------
5box
----------------- -


解决方案

  < div class =span8 mutli-column> 
<?php
$ c = 0;
foreach($ items as $ item):

//需要Break布尔值,如果第二列的计数器为true,则为true
$ b =((++ $ c%2 == 0)?true:false);

if($ b)
echo'< div class =row-fluid>'; ?>

< div class =span6>
<?php echo $ item; ?>
< / div>

<?php
if($ b)
echo'< / div>';

endforeach; ?>
< / div>

使用%Modulus,你可以计算每一次迭代, $ c> .row-fluid 行,使自己成为如下的HTML结构:

  < div class =span8 mutli-column> 
< div class =row-fluid>
< div class =span6> 1< / div>
< div class =span6> 2< / div>
< / div>
< div class =row-fluid>
< div class =span6> 3< / div>
< div class =span6> 4< / div>
< / div>
< div class =row-fluid>
< div class =span6> 5< / div>
< div class =span6> 6< / div>
< / div>
< div class =row-fluid>
< div class =span6> 7< / div>
< div class =span6> 8< / div>
< / div>
< / div>

这里是 Fiddle


How do I make scaffolding if I would like to show grids next to each other. My actual codes

<div class="span8">
<div class="row-fluid">
<?php foreach($items as $item) : ?>
   <div class="span6">
      <?= $item ?>
   </div>
<?php endforeach; ?>
</div>
</div>

grids are showing like

-------------------
1box       2box
-------------------
3box
-------------------
4box
-------------------
5box
-------------------

I would like to show

-------------------
1box       2box
-------------------
3box       4box
-------------------
5box
-------------------

解决方案

   <div class="span8 mutli-column">
       <?php   
         $c = 0;
         foreach( $items as $item ):

            //Needs Break Boolean, true if counter at second column
            $b = (( ++$c % 2 == 0 ) ? true : false );

            if ( $b ) 
                echo '<div class="row-fluid">'; ?>

               <div class="span6">
                    <?php echo $item; ?>
               </div>

           <?php
            if ( $b ) 
                echo '</div>';

       endforeach; ?>
  </div>

With use of % Modulus, you can calculate every second iteration, thus break into a new .row-fluid row, to get yourself into a HTML structure like below:

<div class="span8 mutli-column">
    <div class="row-fluid">
        <div class="span6">1</div>
        <div class="span6">2</div>
    </div>
    <div class="row-fluid">
        <div class="span6">3</div>
        <div class="span6">4</div>
    </div>
    <div class="row-fluid">
        <div class="span6">5</div>
        <div class="span6">6</div>
    </div>
    <div class="row-fluid">
        <div class="span6">7</div>
        <div class="span6">8</div>
    </div>
</div>

Here's a Fiddle constructed with the above:

这篇关于Bootstrap在php的循环中的脚手架的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆