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: