/ / Вирівнювання кнопок на різні види - zurb-foundation

Вирівнювання кнопок на різні види - zurb-foundation

У мене є кнопка, яку я хочу вирівняти справа на робочому столі, що легко з допомогою right корисний клас:

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

Але на смартфоні я хочу, щоб кнопка НЕ ​​плавала вправо, то як я можу це досягти? В основному це просто не використовує right клас, але мені це потрібно для робочого столу ...

Відповіді:

1 для відповіді № 1

Ви можете додати спеціальний клас для вас кнопки використовувати медіа-запити, щоб стиль на смартфоні /

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