cÓMO TE LO PONGO EN EL MEDIO ??

[julia2021]

Hola mis amiguitos, a ver quién se convierte en mi superheroe el día de hoy, les cuento...
Tengo el siguiente código con bootstrap

Código HTML:

<div class="col-xs-12 col-md-3 text-right"> 

Con esta línea no importa sin estoy en un teléfono o en mi laptop, siempre me alinea el contenido a la derecha.
Cómo hago para poner todo en el centro si estoy desde mi teléfono, pero si estoy desde mi laptop lo quiero todo a la derecha?
Cómo hago para condicionar mi alineación según el dispositivo desde el cual estoy navegando?
Estoy rifando un megabesito a quien me pueda ayudar

[AngelKrak]

lo unico que se me ocurre es hacerlo mediante css ._.

Código CSS:

@media all and (max-width: 768px) {
.col-xs-12 {
text-align: center !important;
  }
}
 

si ese no funciona, haslo con este:

Código CSS:

@media (max-width: @screen-xs-max) {
.col-xs-12 {
text-align: center !important;
  }
}
 

[siddartha23]

Necesitarías definir un media query menor a 992px y ahí sobreescribes la alineación al centro :)

PD: poner col-xs-12 está por demás, ese es el tamaño por defecto...