Sistema de grids Bootstrap
Precisando de ajuda e apoio(dicas, links) sobre o sistema de grids do Bootstrap, só achei "sistema de grids com css", podem me ajudar?
Maria Dantas
Curtidas 0
Respostas
Jothaz
03/05/2016
Teria como ser mais clara no que deseja, tipo posta alguma imagem?
O esclarecer como esta sistema de grids deva se comportar?
Pois bootstrap e essencialmente CSS.
O esclarecer como esta sistema de grids deva se comportar?
Pois bootstrap e essencialmente CSS.
GOSTEI 0
Maria Dantas
03/05/2016
O esclarecer como esta sistema de grids deva se comportar?
Uma ajuda, explicativa ou um link explicando o assunto.
GOSTEI 0
Jothaz
03/05/2016
Os Grids nada mais são do que o uso de uma notação CSS que por meio de divs se assemelha a uma estrutura tabular.
Nos primórdios da Web todos os layouts eram criados a partir da tag table.
Só que com o advento dos dispositivos mobile e a responsividade os sites não se comportam tão bem usando table como se comportam usando Div.
Vantagens de se utilizar grids CSS:
-Estilização e dinamismo;
-Web semântica (elementos de layout sendo usados para layout);
-Responsividade;
-Manutenibilidade e etc.
A estrutura seria:
[div-pai]
-----[div-linha]
------ --[div-coluna]
E o HTML:
<div class="bloco-pai">
<div class="linha">
<div class="coluna"></div>
</div>
</div>
Gosto muito do material do site oficial do produto, pois não existe fonte melhor que dos criadores.
E claro pratique muito, mas pratique muito mesmo, só assim absorverá os conceitos.
Mas existem outras fontes:
Base do desenvolvimento
[url:descricao=Grids semânticos com LESS] http://tableless.com.br/grids-semanticos-com-less/[/url]
Espero que lhe ajude.
Nos primórdios da Web todos os layouts eram criados a partir da tag table.
Só que com o advento dos dispositivos mobile e a responsividade os sites não se comportam tão bem usando table como se comportam usando Div.
Vantagens de se utilizar grids CSS:
-Estilização e dinamismo;
-Web semântica (elementos de layout sendo usados para layout);
-Responsividade;
-Manutenibilidade e etc.
A estrutura seria:
[div-pai]
-----[div-linha]
------ --[div-coluna]
E o HTML:
<div class="bloco-pai">
<div class="linha">
<div class="coluna"></div>
</div>
</div>
Gosto muito do material do site oficial do produto, pois não existe fonte melhor que dos criadores.
E claro pratique muito, mas pratique muito mesmo, só assim absorverá os conceitos.
Mas existem outras fontes:
Base do desenvolvimento
[url:descricao=Grids semânticos com LESS] http://tableless.com.br/grids-semanticos-com-less/[/url]
Espero que lhe ajude.
GOSTEI 0
Maria Dantas
03/05/2016
Ajuda sim, obrigada.
GOSTEI 0
Maria Dantas
03/05/2016
Globocom.github tem haver com a emissora de tv?
GOSTEI 0
Jothaz
03/05/2016
Globocom.github tem haver com a emissora de tv?
Acho que o camarada que mantém trabalha na Globo.com.
GOSTEI 0
Maria Dantas
03/05/2016
Acho que deve ser da equipe de lá. Obrigada.
GOSTEI 0