Source

లేఅవుట్ కోసం యుటిలిటీస్

వేగవంతమైన మొబైల్-స్నేహపూర్వక మరియు ప్రతిస్పందించే అభివృద్ధి కోసం, బూట్‌స్ట్రాప్ కంటెంట్‌ను చూపించడం, దాచడం, సమలేఖనం చేయడం మరియు అంతరం చేయడం కోసం డజన్ల కొద్దీ యుటిలిటీ తరగతులను కలిగి ఉంటుంది.

మారుతోందిdisplay

ఆస్తి యొక్క సాధారణ విలువలను ప్రతిస్పందనాత్మకంగా టోగుల్ చేయడానికి మా ప్రదర్శన యుటిలిటీలను ఉపయోగించండి. displayనిర్దిష్ట వీక్షణపోర్ట్‌లలో వాటిని చూపించడానికి లేదా దాచడానికి మా గ్రిడ్ సిస్టమ్, కంటెంట్ లేదా భాగాలతో దీన్ని కలపండి.

ఫ్లెక్స్‌బాక్స్ ఎంపికలు

బూట్‌స్ట్రాప్ 4 ఫ్లెక్స్‌బాక్స్‌తో నిర్మించబడింది, అయితే ఇది చాలా అనవసరమైన ఓవర్‌రైడ్‌లను జోడిస్తుంది మరియు కీ బ్రౌజర్ ప్రవర్తనలను ఊహించని విధంగా మారుస్తుంది కాబట్టి ప్రతి మూలకం displayమార్చబడలేదు . మా భాగాలుdisplay: flex చాలా వరకు ఫ్లెక్స్‌బాక్స్ ప్రారంభించబడి నిర్మించబడ్డాయి.

display: flexమీరు ఒక మూలకానికి జోడించాల్సిన అవసరం .d-flexఉంటే, ప్రతిస్పందించే వేరియంట్‌లలో ఒకదానితో లేదా (ఉదా, .d-sm-flex)తో చేయండి. పరిమాణం, సమలేఖనం, అంతరం మరియు మరిన్నింటి కోసం displayమా అదనపు ఫ్లెక్స్‌బాక్స్ యుటిలిటీలను ఉపయోగించడానికి మీకు ఈ తరగతి లేదా విలువ అవసరం .

మార్జిన్ మరియు పాడింగ్

ఎలిమెంట్స్ మరియు కాంపోనెంట్‌లు ఎలా ఖాళీ మరియు పరిమాణంలో ఉన్నాయో నియంత్రించడానికి marginమరియు padding స్పేసింగ్ యుటిలిటీలను ఉపయోగించండి . 1remబూట్‌స్ట్రాప్ 4 విలువ డిఫాల్ట్ $spacerవేరియబుల్ ఆధారంగా స్పేసింగ్ యుటిలిటీల కోసం ఐదు-స్థాయి స్కేల్‌ను కలిగి ఉంటుంది . అన్ని వీక్షణపోర్ట్‌ల కోసం విలువలను ఎంచుకోండి (ఉదా, .mr-3కోసం margin-right: 1rem), లేదా నిర్దిష్ట వీక్షణపోర్ట్‌లను లక్ష్యంగా చేసుకోవడానికి ప్రతిస్పందించే వేరియంట్‌లను ఎంచుకోండి (ఉదా, బ్రేక్‌పాయింట్ వద్ద ప్రారంభించడం .mr-md-3కోసం ).margin-right: 1remmd

టోగుల్ చేయండిvisibility

displayటోగుల్ అవసరం లేనప్పుడు , మీరు మా విజిబిలిటీ యుటిలిటీలతోvisibility మూలకం యొక్క టోగుల్ చేయవచ్చు . అదృశ్య అంశాలు ఇప్పటికీ పేజీ లేఅవుట్‌ను ప్రభావితం చేస్తాయి, కానీ సందర్శకుల నుండి దృశ్యమానంగా దాచబడతాయి.