/ / Alineación de botones en diferentes vistas - zurb-foundation

Alineación de botones en diferentes vistas - zurb-foundation

Tengo un botón que quiero alinear a la derecha en un escritorio, que es fácil con el right clase de utilidad:

<div class="small-12 columns">
<a href="#" class="button right">bla</a>
</div>

Pero en un teléfono inteligente, quiero que el botón NO flote hacia la derecha, entonces, ¿cómo puedo lograrlo? Básicamente, simplemente no está usando el right clase, pero lo necesito para el escritorio ...

Respuestas

1 para la respuesta № 1

Puede agregar clases personalizadas a su botón usar consultas de medios para estilo en el teléfono inteligente /

HTML:

<div class="small-12 columns">
<a href="#" class="button right mybutton">bla</a>
</div>

CSS:

@media only screen and (max-width: 40em) {
.mybutton{
float:none !important;
}
}