/ / विभिन्न विचारों पर बटन संरेखित करना - ज़र्ब-फाउंडेशन

विभिन्न विचारों पर बटन संरेखित करना - ज़र्ब-नींव

मेरे पास एक बटन है जिसे मैं डेस्कटॉप पर दाईं ओर संरेखित करना चाहता हूं, जो कि आसान है right उपयोगिता वर्ग:

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

लेकिन एक स्मार्टफोन पर मैं चाहता हूं कि बटन दाईं ओर नहीं तैरता है, तो मैं इसे कैसे प्राप्त कर सकता हूं? असल में यह सिर्फ उपयोग नहीं कर रहा है right कक्षा, लेकिन मुझे डेस्कटॉप के लिए इसकी ज़रूरत है ...

उत्तर:

उत्तर № 1 के लिए 1

आप स्मार्टफोन / स्टाइल पर शैली के लिए मीडिया क्वेरी का उपयोग करने के लिए कस्टम क्लास को जोड़ सकते हैं।

एचटीएमएल:

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

सीएसएस:

@media only screen and (max-width: 40em) {
.mybutton{
float:none !important;
}
}