/ / Schaltflächen auf verschiedenen Ansichten ausrichten - zurb-foundation

Schaltflächen auf verschiedenen Ansichten ausrichten - zurb-foundation

Ich habe einen Button, den ich rechts auf einem Desktop ausrichten möchte, was mit dem right Dienstprogrammklasse:

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

Aber auf einem Smartphone möchte ich, dass der Button NICHT nach rechts schwebt, also wie kann ich das erreichen? Grundsätzlich ist es nur nicht mit dem right Klasse, aber ich brauche das für den Desktop ...

Antworten:

1 für die Antwort № 1

Sie können eine benutzerdefinierte Klasse zu Ihrer Schaltfläche hinzufügen Verwenden Sie Medienabfragen, um auf dem Smartphone zu stylen /

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