Uma grande preocupação nos sistemas atuais é a responsividade,
devido à grande diversidade de dispositivos com acesso à
Internet e disponibilidade de navegadores Web. Uma técnica
para garantir a responsividade é a organização do conteúdo em
colunas oferecida pelo Bootstrap.
Considerando uma página que oferece a divisão do espaço em 4
colunas para telas médias, enquanto dispositivos com telas
menores devem apresentar 2 linhas e 2 colunas, a configuração
deve ser: