Largura fixa

area 1
area 2
area 3
area 4

Largura automática (auto-layout)

area 1
area 2
area 3

Largura igual empilhada

item 1
item 2
item 3
se vc notar eu deixei uma largura fixa para todos os tamanhos de tela com o col-xl
porem se eu uso o col-md ele ira alinha lateral acima

Ordenando

item 1
item 2
item 3
para poder ordenar meus itens eu posso usa na minha div principal a propriedade order-1 ou 2 e etc nas divs filhas lembre de usar o rwo na div principal

offset

o offset é o espaçamento que é dadona frente da div offset-md-1 nesse caso

offset múltiplos alinhamentos

item 1
item 2
item 3
item 4

Aninhamento

col-md-4
col-md-4 offset-4
cada row define uma divisão de 12 e eu posso aninhalas uma dentro da outra