Bootstrap 3 lidando com a diferença entre xs e sm
No entanto, estou usando col-xs- * para dispositivos móveis em retrato, mas acreditava ingenuamente que col-sm- * era para dispositivos móveis em paisagem, de acordo com a primeira respostadesta pergunta, na verdade não é.
Portanto, minha pergunta é: como efetivamente uso a estrutura col para telefones de paisagem?
Minha ideia foi:
col-xs-12 no celular verticalcol-sm-6 no modo paisagem móvel (como é evidentemente mais amplo)No entanto, como sm não é o que eu pensava ser originalmente, isso é possível sem alterar o CSS principal do bootstrap?
Se observarmos um iPhone 6+, por exemplo, na orientação paisagem, a largura é 736px, que ainda é considerada dentro dos limites de xs.
Portanto, qualquer coisa col-xs-12 nesta janela de visualização parece absolutamente enorme, o que faz as coisas parecerem terríveis.
Teoricamente, eu poderia mudar o ponto de interrupção sm para um valor menor que o valor atual de 768, mas existe uma maneira melhor de fazer isso?
Talvez adicionando uma classe entre xs e sm?
ATUALIZAR
Eu também encontrei esse trecho de outra pergunta, que tem potencial.
@media only screen and (min-width: 480px) and (max-width: 767px) {
.col-xsl-6{ width: 50%; }
}