in English

উপঙি থকা

যিকোনো উপাদানত, যিকোনো ব্ৰেকপইণ্টৰ ওপৰেৰে, আমাৰ প্ৰতিক্ৰিয়াশীল ফ্ল'ট সঁজুলিসমূহ ব্যৱহাৰ কৰি ফ্ল'টসমূহ টগল কৰক।

অভাৰভিউ

এই সঁজুলি শ্ৰেণীসমূহে এটা উপাদান বাওঁফালে বা সোঁফালে ভাসমান কৰে, বা ভাসমান নিষ্ক্ৰিয় কৰে, CSS floatবৈশিষ্ট্য ব্যৱহাৰ কৰি বৰ্তমান দৰ্শনপৰ্ট আকাৰৰ ওপৰত ভিত্তি কৰি । !importantনিৰ্দিষ্টতাৰ সমস্যাৰ পৰা হাত সাৰিবলৈ অন্তৰ্ভুক্ত কৰা হৈছে। এইবোৰে আমাৰ গ্ৰীড চিষ্টেমৰ দৰে একেটা ভিউপৰ্ট ব্ৰেকপইণ্ট ব্যৱহাৰ কৰে। অনুগ্ৰহ কৰি সচেতন হওক float utilities ৰ flex বস্তুৰ ওপৰত কোনো প্ৰভাৱ নাই।

শ্ৰেণীসমূহ

এটা শ্ৰেণীৰ সৈতে এটা ফ্ল'ট টগল কৰক:

সকলো ভিউপৰ্ট আকাৰত বাওঁফালে ভাঁহিব

সকলো ভিউপৰ্ট আকাৰত সোঁফালে ভাঁহিব

সকলো ভিউপৰ্ট আকাৰত ওপঙি নাযাব
<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>

মিক্সিন

বা Sass mixin দ্বারা:

.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