- Bootstrap grid
- 960 Grid
- Susy link, link
- Responsive grid system
- Tiny fluid grid
- Lista de outros sistemas
- vantagem:
- Desvantagem:
- Como decidir?
- Primeiro, você esta usando Framework?
- Segundo, qual a impressão/feeling você quer ter?
- formal e seguro.
- Audacioso, dinâmico e moderno.
- Terceiro, O quão complexo é seu site?
- Quantos layouts diferentes tem?
- Quantas páginas tem?
- Quantos desses pontos não estão definidos ou são desconhecidos?
- Quarto, seu time esta preparado para qual nível de complexidade?
- Qual escolher?
- Começe desenhando sua ideia de layout no papel, para verificar se é melhor usar 8, 10 ou 12 colunas.
- Não tem ideia? Vai de 12 colunas.
-
CSS Grid systems
<div class="content-sidebar">
<div class="content"></div>
<div class="sidebar"></div>
</div>- HTML grid system
<div class="container">
<div class="row">
<div class="col-md-9">Content</div>
<div class="col-md-3">Sidebar</div>
</div>
</div>