Introdução

Responsividade de um site faz com que o layout de suas páginas sejam moldados conforme o dispositivo do usuário - ou seja, a responsividade adapta o conteúdo do site de acordo com o dispositivo que acessou, podendo ser um smartphone, um tablet ou um desktop. O sistema de responsividade divide uma página HTML em doze colunas, pelo número doze ser mais flexível em sua divisão (Figura 1).

Figura 1 - Colunas de uma página html e algumas formas de combinação

Os tipos de coluna

Quando trabalha bootstrap, as classes col-sm-*, col-md-* e col-lg-* são utilizadas para criar responsividade aos elementos de uma página HTML.