/ / Allineare i pulsanti su diverse viste: zurb-foundation

Allineamento dei pulsanti su diverse viste: zurb-foundation

Ho un pulsante che voglio allineare a destra su un desktop, che è facile con il right classe di utilità:

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

Ma su uno smartphone voglio che il pulsante NON fluttui a destra, quindi come posso ottenerlo? Fondamentalmente non sta usando il right classe, ma ne ho bisogno per il desktop ...

risposte:

1 per risposta № 1

È possibile aggiungere una classe personalizzata al pulsante dell'utente utilizzare le query multimediali per lo stile su smartphone /

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;
}
}