Source

उफेवप

खंयच्याय घटकाचेर, खंयच्याय ब्रेकपॉइंटाचेर, आमच्या प्रतिसाद दिवपी फ्लोट उपयुक्तताय वापरून फ्लोट्स टॉगल करात.

नियाळ

हे उपयुक्तताय वर्ग CSS floatगुणधर्म वापरून सद्याच्या दृश्यपोर्ट आकाराचेर आदारीत, एक घटक डावी वा उजवे वटेन तरंगतात, वा तरंगता अक्षम करतात . !importantविशिश्टतायेचे प्रस्न टाळपा खातीर आस्पाव केला. हे आमच्या ग्रिड प्रणाली प्रमाणच व्यूपोर्ट ब्रेकपॉइंट वापरतात.

वर्ग घेतात

वर्गा वांगडा फ्लोट टॉगल करात:

सगळ्या व्यूपोर्ट आकारांचेर डावें तरंगचें

सगळ्या व्यूपोर्ट आकारांचेर उजवे वटेन तरंगचें

सगळ्या व्ह्यूपोर्ट आकारांचेर फ्लोट करूंक नाकात
<div class="float-left">Float left on all viewport sizes</div><br>
<div class="float-right">Float right on all viewport sizes</div><br>
<div class="float-none">Don't float on all viewport sizes</div>

मिक्सिन हें वखद

वा सास मिक्सिन हांणी:

.element {
  @include float-left;
}
.another-element {
  @include float-right;
}
.one-more {
  @include float-none;
}

प्रतिसाद दिवपी

floatदर एका मोला खातीर प्रतिसाद दिवपी बदलूय अस्तित्वांत आसात .

SM (ल्हान) वा ताचे परस चड रुंद आकाराच्या व्यूपोर्टांचेर डावें तरंगचें

MD (मध्यम) वा ताचे परस चड रुंद आकाराच्या व्यूपोर्टांचेर डावें तरंगचें

LG (व्हड) वा ताचे परस चड रुंद आकाराच्या व्यूपोर्टांचेर डावें तरंगचें

XL (अतिरिक्त-व्हड) वा ताचे परस चड रुंद आकाराच्या व्यूपोर्टांचेर डावें तरंगचें

<div class="float-sm-left">Float left on viewports sized SM (small) or wider</div><br>
<div class="float-md-left">Float left on viewports sized MD (medium) or wider</div><br>
<div class="float-lg-left">Float left on viewports sized LG (large) or wider</div><br>
<div class="float-xl-left">Float left on viewports sized XL (extra-large) or wider</div><br>

हांगा सगळे आदार वर्ग आसात;

  • .float-left
  • .float-right
  • .float-none
  • .float-sm-left
  • .float-sm-right
  • .float-sm-none
  • .float-md-left
  • .float-md-right
  • .float-md-none
  • .float-lg-left
  • .float-lg-right
  • .float-lg-none
  • .float-xl-left
  • .float-xl-right
  • .float-xl-none