/ /さまざまなビューのボタンの整列 - 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;
}
}