முக்கிய உள்ளடக்கத்திற்கு செல்க டாக்ஸ் வழிசெலுத்தலுக்குச் செல்லவும்
in English

மிதவை

எங்களின் பதிலளிக்கக்கூடிய ஃப்ளோட் பயன்பாடுகளைப் பயன்படுத்தி, எந்த பிரேக் பாயிண்டிலும், எந்த உறுப்புகளிலும் மிதவைகளை மாற்றவும்.

கண்ணோட்டம்

CSS பண்பைப் பயன்படுத்தி தற்போதைய காட்சிப் பகுதியின் அளவின் floatஅடிப்படையில் இந்த பயன்பாட்டு வகுப்புகள் ஒரு உறுப்பை இடது அல்லது வலதுபுறமாக மிதக்கின்றன அல்லது மிதவையை முடக்குகின்றன . !importantகுறிப்பிட்ட சிக்கல்களைத் தவிர்ப்பதற்காக சேர்க்கப்பட்டுள்ளது. இவை எங்கள் கிரிட் சிஸ்டம் போன்ற அதே வியூபோர்ட் பிரேக் பாயின்ட்களைப் பயன்படுத்துகின்றன. ஃப்ளெக்ஸ் பொருட்களில் மிதவை பயன்பாடுகள் எந்த விளைவையும் ஏற்படுத்தாது என்பதை நினைவில் கொள்ளவும்.

எல்லா வியூபோர்ட் அளவுகளிலும் ஃப்ளோட் ஸ்டார்ட்

எல்லா வியூபோர்ட் அளவுகளிலும் ஃப்ளோட் எண்ட்

எல்லா வியூபோர்ட் அளவுகளிலும் மிதக்க வேண்டாம்
<div class="float-start">Float start on all viewport sizes</div><br>
<div class="float-end">Float end on all viewport sizes</div><br>
<div class="float-none">Don't float on all viewport sizes</div>

பதிலளிக்கக்கூடியது

floatஒவ்வொரு மதிப்புக்கும் பதிலளிக்கக்கூடிய மாறுபாடுகளும் உள்ளன .

SM (சிறியது) அல்லது அகலமான வியூபோர்ட்களில் ஃப்ளோட் ஸ்டார்ட்

MD (நடுத்தர) அல்லது அகலமான வியூபோர்ட்களில் ஃப்ளோட் ஸ்டார்ட்

எல்ஜி (பெரியது) அல்லது அகலமான வியூபோர்ட்களில் ஃப்ளோட் ஸ்டார்ட்

XL அளவுள்ள (கூடுதல் பெரியது) அல்லது அகலமான வியூபோர்ட்களில் ஃப்ளோட் ஸ்டார்ட்

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

அனைத்து ஆதரவு வகுப்புகளும் இங்கே:

  • .float-start
  • .float-end
  • .float-none
  • .float-sm-start
  • .float-sm-end
  • .float-sm-none
  • .float-md-start
  • .float-md-end
  • .float-md-none
  • .float-lg-start
  • .float-lg-end
  • .float-lg-none
  • .float-xl-start
  • .float-xl-end
  • .float-xl-none
  • .float-xxl-start
  • .float-xxl-end
  • .float-xxl-none

சாஸ்

பயன்பாடுகள் API

ஃப்ளோட் பயன்பாடுகள் எங்கள் பயன்பாடுகள் API இல் அறிவிக்கப்பட்டுள்ளன scss/_utilities.scss. பயன்பாடுகள் API ஐ எவ்வாறு பயன்படுத்துவது என்பதை அறிக.

    "float": (
      responsive: true,
      property: float,
      values: (
        start: left,
        end: right,
        none: none,
      )
    ),