<!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">
<?php
$array = array ( "b" , "a" , "j" , "k" , "l" , "x" , "q" , "j" , "t" , "c" ,
"q" , "e" , "z" , "u" , "o" ,
"e" , "t" , "h" , "e" , "p" ,
"r" , "d" , "u" , "z" , "m" ,
"t" , "y" , "u" , "n" , "y" ) ; //array com 30 posições
sort ( $array ) ; // ordem alfabetica
for ( $i = 0 ; $i < count ( $array ) ; $i ++ ) { // vai percorrer todo o meu array echo "\t <span>{$array [$i ]}</span><br/>\n " ; //printa meu elemento (\n e \t apenas para formatação do html)
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
echo "\n </div>\n <div class='col-md-4'>\n " ; // assim ele termina a coluna anterior e incia outra
}
}
?>
</div>
</div>
</body>
</html>
IDwhRE9DVFlQRSBodG1sPgogICAgPGh0bWwgbGFuZz0icHQiPgoKICAgIDxoZWFkPgogICAgICAgIDwhLS0gQm9vdHN0cmFwIENvcmUgQ1NTIC0tPgogICAgICAgIDxsaW5rIGhyZWY9ImJvd2VyX2NvbXBvbmVudHMvYm9vdHN0cmFwL2Rpc3QvY3NzL2Jvb3RzdHJhcC5taW4uY3NzIiByZWw9InN0eWxlc2hlZXQiPiAgICAKCiAgICA8L2hlYWQ+CgogICAgPGJvZHk+CiAgICAgICAgPGRpdiBjbGFzcz0icm93Ij4KICAgICAgICA8ZGl2IGNsYXNzPSJjb2wtbWQtNCI+CiAgICAgICAgICAgIDw/cGhwIAogICAgICAgICAgICAkYXJyYXkgPSBhcnJheSggImIiLCJhIiwiaiIsImsiLCJsIiwKICAgICAgICAgICAgICAgICAgICAgICAgICAgICJ4IiwicSIsImoiLCJ0IiwiYyIsCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAicSIsImUiLCJ6IiwidSIsIm8iLAogICAgICAgICAgICAgICAgICAgICAgICAgICAgImUiLCJ0IiwiaCIsImUiLCJwIiwKICAgICAgICAgICAgICAgICAgICAgICAgICAgICJyIiwiZCIsInUiLCJ6IiwibSIsCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAidCIsInkiLCJ1IiwibiIsInkiKTsgLy9hcnJheSBjb20gMzAgcG9zacOnw7VlcwoKICAgICAgICAgICAgc29ydCgkYXJyYXkpOyAvLyBvcmRlbSBhbGZhYmV0aWNhCgogICAgICAgICAgICBmb3IoJGkgPSAwOyAkaSA8IGNvdW50KCRhcnJheSk7ICRpICsrKSB7IC8vIHZhaSBwZXJjb3JyZXIgdG9kbyBvIG1ldSBhcnJheQogICAgICAgICAgICAgICAgZWNobyAiXHQ8c3Bhbj57JGFycmF5WyRpXX08L3NwYW4+PGJyLz5cbiI7IC8vcHJpbnRhIG1ldSBlbGVtZW50byAoXG4gZSBcdCBhcGVuYXMgcGFyYSBmb3JtYXRhw6fDo28gZG8gaHRtbCkgCgoJCQlpZiAoKCRpICsgMSkgJSAxMCA9PSAwKSB7IC8vIGNvbW8gw6kgc2VwYXJhZG8gZGUgMTAgZW0gMTAsIHF1YW5kbyBvIHJlc3RvIGRhIGRpdmlzw6NvIGRvIG1ldSBjb250YWRvciBhdHVhbCBwb3IgMTAgZm9yIDAsIHF1ZXIgZGl6ZXIgcXVlIGVsZSBmZXpvdSBubyBpdGVtIDEwIGRhcXVlbGEgY29sdW5hCiAgICAgICAgICAgICAgICAgICAgZWNobyAiXG48L2Rpdj5cbjxkaXYgY2xhc3M9J2NvbC1tZC00Jz5cbiI7IC8vIGFzc2ltIGVsZSB0ZXJtaW5hIGEgY29sdW5hIGFudGVyaW9yIGUgaW5jaWEgb3V0cmEKICAgICAgICAgICAgICAgIH0KICAgICAgICAgICAgCn0KICAgICAgICAgICAgPz4KICAgICAgICA8L2Rpdj4KICAgIDwvZGl2PgoKICAgIDwvYm9keT4KCiAgICA8L2h0bWw+Cg==