దృశ్యమానత

visibilityమా విజిబిలిటీ యుటిలిటీలతో మూలకాలని సెట్ చేయండి . displayఈ యుటిలిటీ తరగతులు విలువను అస్సలు సవరించవు మరియు లేఅవుట్‌ను ప్రభావితం చేయవు - .invisibleమూలకాలు ఇప్పటికీ పేజీలో స్థలాన్ని తీసుకుంటాయి.

దరఖాస్తు .visibleలేదా .invisibleఅవసరమైన విధంగా.

<div class="visible">...</div>
<div class="invisible">...</div>

// Class
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}

సాస్

యుటిలిటీస్ API

విజిబిలిటీ యుటిలిటీలు మా యుటిలిటీస్ APIలో ప్రకటించబడ్డాయి scss/_utilities.scss. యుటిలిటీస్ APIని ఎలా ఉపయోగించాలో తెలుసుకోండి.

    "visibility": (
      property: visibility,
      class: null,
      values: (
        visible: visible,
        invisible: hidden,
      )
    )