Gerar Colunas de Valor Variável

[Barros_PHP 0]

Bom dia,

 

Tenho problema que ainda não consegui resolver:

Estou usando um template em Bootstrap, aonde sabemos que o máximo de cols é 12.

 

Tenho elementos vindo de um array que vão popular essas cols, ai que vem o problema, pois a quantidade é variável, como o exemplo que vou tentar explicar abaixo:

Se tenho 2 elementos sei que cada item terá 6 cols para fechar as 12.

 

3 elementos cada um terá 4 cols.

 

4 elementos cada um terá 3 cols.

 

Agora por exemplo com 5 elementos, teria que deixar os tres primeiro com 2 cols e os dois ultimos com 3.

 

Alguem tem ideia de como posso montar esse foreach ou for?

 

Obrigado!
 

[Josemir Dias 0]

Bom dia Barros_PHP,

 

Do meu ponto de vista uma solução simples é você validar se a quantidade máxima de colunas dividida pelo número de elementos retornado, resulta em um inteiro, se não resultar você cria as colunas apenas com os números inteiros. Isso, se não for obrigatório que você use todas as colunas. Um exemplo:

• 12/5 = 2,4 - neste caso seriam 5 colunas de 2;
• 12/7 = 1,7 - neste caso seriam 7 colunas de 1;
• 12/8 = 1,5 - neste caso seriam 8 colunas de 1 e assim sucessivamente;

Seria algo como:

<?php 
$resultado 	= count($array);
$colunas 	= round(12/$resultado);

while($registro = mysqli_fetch_assoc($consulta)){
echo"
  <div class='row'>
    <div class='col-md-'.$colunas>
      <div class='form-group'>
        <!-- Restante do conteúdo -->
      </div>
    </div>";
}

?>

Outra solução possível, seria você pegar a soma dos decimais e transformar em um inteiro, em seguida percorrer este inteiro adicionando a cada uma das colunas uma fração deste, exemplo:

• 12/5 = 2,4 - neste caso seriam 5 * 0,4 = 2, ou seja, 3 colunas com 2 e duas colunas com 3;
• 12/7 = 1,7 - neste caso seriam 7 * 0,7 = 4,9 = 4, ou seja, 4 colunas com 2 e 3 colunas com 1;
• 12/8 = 1,5 - neste caso seriam 8 * 0,5 = 4, ou seja, 4 colunas com 2 e 4 colunas com 1 e assim sucessivamente;

Seria algo como:

<?php
$numero 	= count($array);
$decimal 	= $numero-(int)$numero;

$sobra		= $decimal*$numero;

while($registro = mysqli_fetch_assoc($consulta)){
  --$sobra;
  if($obra < 0 ){
  	$sobra = 0;
  }
echo"
  <div class='row'>
    <div class='col-md-'.$colunas+$sobra
      <div class='form-group'>
        <!-- Restante do conteúdo -->
      </div>
    </div>";
}

?>

Não tive como testar o código mas, imagino que seja algo neste sentido.

[Matheus Tavares 167]

Olá @Barros_PHP.

 

20 horas atrás, Barros_PHP disse:

Estou usando um template em Bootstrap, aonde sabemos que o máximo de cols é 12.

Talvez você já saiba, mas apenas para agregar informação, na verdade você pode alterar essa configuração, mas para isso você precisa utilizar LESS/SASS. Na documentação do Bootstrap é explicado sobre isso.

 

Não sei qual versão do Bootstrap você está utilizando, mas a partir da versão 4 você consegue fazer o que você está tentando com facilidade, pois ele passou a ser baseado em Flexbox. Veja: https://getbootstrap.com/docs/4.1/layout/grid/#variable-width-content

[Josemir Dias 0]

5 horas atrás, Matheus Tavares disse:

Olá @Barros_PHP.

 

Talvez você já saiba, mas apenas para agregar informação, na verdade você pode alterar essa configuração, mas para isso você precisa utilizar LESS/SASS. Na documentação do Bootstrap é explicado sobre isso.

 

Não sei qual versão do Bootstrap você está utilizando, mas a partir da versão 4 você consegue fazer o que você está tentando com facilidade, pois ele passou a ser baseado em Flexbox. Veja: https://getbootstrap.com/docs/4.1/layout/grid/#variable-width-content

 

Excelente!!

 

@Barros_PHP, a solução do @Matheus Tavares além de ser mais limpa, imagino que também seja mais performática.

[Barros_PHP 0]

Obrigado a Todos pela ajuda, desculpe a demora na resposta, mas estava sem acesso ao mu gmail para reconectar ao Fórum.