As classes do bootstrap são suficientes para deixar o layout responsivo?
06/04/2017
0
Fala pessoal,
Ao usar o bootstrap vi que o mesmo utiliza umas classes para o sistema de grid e alguns outros recursos.
Porém ao fazer os testes, não consegui deixar o layout todo responsivo usando somente o bootstrap. Tive que fazer uso das media queries para ajustar uma ou outra necessidade num determinado tamanho de tela. Essa situação era justamente o que eu queria evitar.
Usar as classes do bootstrap já resolve o meu problema das responsividade?
Ao usar o bootstrap vi que o mesmo utiliza umas classes para o sistema de grid e alguns outros recursos.
Porém ao fazer os testes, não consegui deixar o layout todo responsivo usando somente o bootstrap. Tive que fazer uso das media queries para ajustar uma ou outra necessidade num determinado tamanho de tela. Essa situação era justamente o que eu queria evitar.
Usar as classes do bootstrap já resolve o meu problema das responsividade?
Carlos Arantes
Curtir tópico
+ 0
Responder
Post mais votado
10/04/2017
Olá Carlos,
Mais ou menos, utilizando devidamente a grid dá para criar um site totalmente responsivo, mas nem sempre é possível somente com ela.
A grid do bootstrap contém media queries imbutidas, no formato das classes:
.col-lg-6, .col-md-6, .col-sm-6, .col-xs-6
Para formulários temos as .form-group e .form-control, que otimizam o tamanho do elemento para a grid.
É um trabalho de ficar olhando a documentação mesmo, existe classes para imagens, tabelas e tudo mais.
Abraços.
Mais ou menos, utilizando devidamente a grid dá para criar um site totalmente responsivo, mas nem sempre é possível somente com ela.
A grid do bootstrap contém media queries imbutidas, no formato das classes:
.col-lg-6, .col-md-6, .col-sm-6, .col-xs-6
Para formulários temos as .form-group e .form-control, que otimizam o tamanho do elemento para a grid.
É um trabalho de ficar olhando a documentação mesmo, existe classes para imagens, tabelas e tudo mais.
Abraços.
Victor Machado
Responder
Mais Posts
10/04/2017
Yuri Abel
Olá Carlo com o BootStrap você consegue deixar seu site 100% responsivo, as classes responsivas funcionam da seguinte maneira,
.col-xs-* Para Celulares
.col-sm-* Para Tablets
.col-md-* Para Desktops
.col-lg-* Para Telas Grandes
o Boot Strap possui muitas classes para responsividade, basta utilizar todas corretamente e também cuidar com alguns outros itens para não quebrar seu layout.
espero ter ajudado grande abraço.
.col-xs-* Para Celulares
.col-sm-* Para Tablets
.col-md-* Para Desktops
.col-lg-* Para Telas Grandes
o Boot Strap possui muitas classes para responsividade, basta utilizar todas corretamente e também cuidar com alguns outros itens para não quebrar seu layout.
espero ter ajudado grande abraço.
Responder
Clique aqui para fazer login e interagir na Comunidade :)