O sistema de grid Bootstrap permite até quantas colunas?

Resposta Correta: B - 12

O sistema de grid do Bootstrap, que é um framework de front-end bastante utilizado para desenvolvimento de interfaces responsivas e móveis primeiramente, baseia-se em um layout de 12 colunas. Essa abordagem é adotada para proporcionar flexibilidade na criação de layouts que se ajustem a diferentes tamanhos de telas, desde celulares até desktops.

O conhecimento sobre o sistema de grid do Bootstrap é essencial para quem trabalha com desenvolvimento web, pois ele permite que os elementos da página sejam organizados de maneira eficiente e responsiva. Cada coluna no sistema de grid pode ser considerada como uma fração da largura total da tela, onde a soma destas frações pode alcançar até 12, representando a largura total da viewport.

No Bootstrap, você pode utilizar classes como .col-md-4, que significaria que o elemento deve ocupar 4 das 12 colunas disponíveis em um dispositivo de tamanho médio (md). A soma dessas colunas não deve ultrapassar o total de 12 em uma única linha, garantindo assim a consistência do layout.

A alternativa B está correta porque, de acordo com a documentação oficial do Bootstrap, o sistema de grid é baseado em 12 colunas, o que permite uma grande variedade de layouts possíveis, mantendo a consistência e a responsividade do design.

A documentação não é muito clara sobre isso:

"If more than 12 columns are placed within a single row, each group of extra columns will, as one unit, wrap onto a new line."

link: https://getbootstrap.com/docs/4.1/layout/grid/#:~:text=If%20more%20than%2012%20columns,wrap%20onto%20a%20new%20line.

O grid do Bootstrap é dividido em doze colunas e é utilizado deste modo: .col-(prefixo)-(tamanho).

<https://blog.4linux.com.br/um-pouco-sobre-bootstrap/>