/ / Alignement des boutons sur différentes vues - zurb-foundation

Alignement des boutons sur différentes vues - zurb-foundation

J'ai un bouton que je veux aligner à droite sur un bureau, ce qui est facile avec le right classe d'utilité:

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

Mais sur un smartphone, je veux que le bouton ne flotte pas à droite, alors comment puis-je y arriver? Fondamentalement, il est juste de ne pas utiliser le right classe, mais j'en ai besoin pour le bureau ...

Réponses:

1 pour la réponse № 1

Vous pouvez ajouter une classe personnalisée à votre bouton utilisez les requêtes multimédia pour mettre en forme sur un 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;
}
}