fork download
  1. <!DOCTYPE html>
  2. <html lang="pt">
  3.  
  4. <head>
  5. <!-- Bootstrap Core CSS -->
  6. <link href="bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
  7.  
  8. </head>
  9.  
  10. <body>
  11. <div class="row">
  12. <div class="col-md-4">
  13. <?php
  14. $array = array( "b","a","j","k","l",
  15. "x","q","j","t","c",
  16. "q","e","z","u","o",
  17. "e","t","h","e","p",
  18. "r","d","u","z","m",
  19. "t","y","u","n","y"); //array com 30 posições
  20.  
  21. sort($array); // ordem alfabetica
  22.  
  23. for($i = 0; $i < count($array); $i ++) { // vai percorrer todo o meu array
  24. echo "\t<span>{$array[$i]}</span><br/>\n"; //printa meu elemento (\n e \t apenas para formatação do html)
  25.  
  26. if (($i + 1) % 10 == 0) { // como é separado de 10 em 10, quando o resto da divisão do meu contador atual por 10 for 0, quer dizer que ele fezou no item 10 daquela coluna
  27. echo "\n</div>\n<div class='col-md-4'>\n"; // assim ele termina a coluna anterior e incia outra
  28. }
  29.  
  30. }
  31. ?>
  32. </div>
  33. </div>
  34.  
  35. </body>
  36.  
  37. </html>
  38.  
Success #stdin #stdout 0.02s 52472KB
stdin
Standard input is empty
stdout
 <!DOCTYPE html>
    <html lang="pt">

    <head>
        <!-- Bootstrap Core CSS -->
        <link href="bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">    

    </head>

    <body>
        <div class="row">
        <div class="col-md-4">
            	<span>a</span><br/>
	<span>b</span><br/>
	<span>c</span><br/>
	<span>d</span><br/>
	<span>e</span><br/>
	<span>e</span><br/>
	<span>e</span><br/>
	<span>h</span><br/>
	<span>j</span><br/>
	<span>j</span><br/>

</div>
<div class='col-md-4'>
	<span>k</span><br/>
	<span>l</span><br/>
	<span>m</span><br/>
	<span>n</span><br/>
	<span>o</span><br/>
	<span>p</span><br/>
	<span>q</span><br/>
	<span>q</span><br/>
	<span>r</span><br/>
	<span>t</span><br/>

</div>
<div class='col-md-4'>
	<span>t</span><br/>
	<span>t</span><br/>
	<span>u</span><br/>
	<span>u</span><br/>
	<span>u</span><br/>
	<span>x</span><br/>
	<span>y</span><br/>
	<span>y</span><br/>
	<span>z</span><br/>
	<span>z</span><br/>

</div>
<div class='col-md-4'>
        </div>
    </div>

    </body>

    </html>