Estou ficando confuso sobre as várias opções na grade de inicialização do twitter e como elas funcionam juntas.
Para começar, você pode ter um fixo comum container
ou a container-fluid
.
Então, qualquer um pode incluir uma linha comum row
ou uma linha fluida row-fluid
. Ou seja, você pode ter um contêiner fixo com uma linha de fluido ou um fluido de contêiner ... com uma linha fixa?
Além disso, você pode incluir as consultas de mídia 'responsivas' ou não.
Estou ficando confuso sobre como essas coisas interagem. Mas vamos começar com um exemplo óbvio.
Na própria página de exemplos , há o que é apresentado como um exemplo de uma grade fixa e uma grade fluida
No entanto, no meu navegador, na própria página de exemplo - ambas as grades se comportam de forma idêntica. Talvez porque a página de exemplo use as consultas de mídia responsivas opcionais? Nos dois exemplos de grade, se eu começar a estreitar gradualmente a janela do navegador, os elementos da grade não ficarão mais estreitos - uma vez atingida uma certa largura de limite (responsiva), eles se ajustam a um tamanho menor e novamente a outras larguras de limite. Mas tanto o exemplo "fixo" comum E o exemplo "fluido" se comportam exatamente da mesma maneira aqui - então qual é a diferença?