Uso de classes no bootstrap
06/07/2017
0
Minha dúvida é sobre o uso de umas classes no bootstrap, que parecem ser atribuídas exclusivamente para divs e sections no html.
Por exemplo col-md-6, col-sm-8, col-xs-12. Entendi que as mesmas são usadas para definir o tamanho que os elementos html terão na tela.
Porém, quando as uso juntas, aí é que fica minha dúvida. Qual o tamanho definido nas classes que prevalecerá, caso essas classes sejam aplicadas juntas num mesmo elemento?
Bernardo Barbosa
Post mais votado
06/07/2017
- col-md-6, para telas como de desktops;
- col-sm-8, para telas como de tablets;
- col-xs-12, para telas como de smartphones;
Se você quiser que o elemento tenha 12 col em um smartphone, 8 col em um tablet e 6 col em um desktop, você pode inserir as 3 classes, e ele vai ter um tamanho diferente para cada viewport.
Navegante
Mais Posts
07/07/2017
Fabio Rocha
Conforme o amigo falou vai depender do dispositivo isso é que manda em relação a qual tamanho respeitar.
Segue link de um curso bem legal.
BOOTSTRAP: TRABALHANDO COM DESIGN RESPONSIVO
Grande Abraço
10/07/2017
Bernardo Barbosa
Fabio, vlw pelo link, deu para visualizar melhor com esse curso o que vocês explicaram, agora entendi o uso dessas classes.
Obrigado!
Clique aqui para fazer login e interagir na Comunidade :)