/ / Wyrównywanie przycisków w różnych widokach - zurb-foundation

Wyrównanie przycisków w różnych widokach - zurb-foundation

Mam przycisk, który chcę wyrównać w prawo na pulpicie, co jest łatwe z right klasa użytkowa:

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

Ale na smartfonie chcę przycisk NIE płynie w prawo, więc jak mogę to osiągnąć? Zasadniczo po prostu nie używa się right klasa, ale potrzebuję tego na pulpicie ...

Odpowiedzi:

1 dla odpowiedzi № 1

Możesz dodać niestandardową klasę do przycisku, użyj zapytań o media do stylu na smartfonie /

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