బూట్స్ట్రాప్ 5 ఇంటర్నెట్ ఎక్స్ప్లోరర్ (IE) సపోర్ట్ మరియు j క్వెరీ డిపెండెన్సీ కోసం డ్రాప్తో సహా ప్రధాన మార్పులతో వచ్చింది. ట్విట్టర్ ద్వారా అభివృద్ధి చేయబడింది, బూట్స్ట్రాప్ ప్రపంచంలో అత్యంత ప్రజాదరణ పొందిన CSS ఫ్రేమ్వర్క్. ఓపెన్-సోర్స్ యూజర్ ఇంటర్ఫేస్ ఫ్రేమ్వర్క్ భవిష్యత్తు కోసం దాని స్థానాలను చూస్తోంది, మరియు ఇది v5 లో బ్రేకింగ్ బ్రేకింగ్ మార్పులను చేసింది.
IE కోసం బూట్స్ట్రాప్ డ్రాప్ దీన్ని చేసిన మొదటి వెబ్ డెవలప్మెంట్ టూల్గా నిలిచింది. ఇంటర్నెట్ ఎక్స్ప్లోరర్ యొక్క మార్కెట్ వాటా క్షీణిస్తూనే ఉంది, ఇది అన్ని వెబ్ బ్రౌజర్లలో 3% కంటే తక్కువగా ఉంటుంది.
బూట్స్ట్రాప్లో మరిన్ని మెరుగుదలలు చేయబడ్డాయి మరియు అవి మిమ్మల్ని ఎలా ప్రభావితం చేస్తాయో తెలుసుకోవడానికి చదవండి.
1. j క్వెరీ మద్దతు
బూట్స్ట్రాప్ ఇకపై j క్వెరీ లైబ్రరీని ఉపయోగించదు. ఈ మార్పును ప్రభావితం చేయడానికి డెవలప్మెంట్ టీమ్ బదులుగా జావాస్క్రిప్ట్ లైబ్రరీని మెరుగుపరిచింది. బూట్స్ట్రాప్లో j క్వెరీ డిపెండెన్సీ తప్పనిసరిగా చెడ్డ విషయం కాదు.
వాస్తవానికి, j క్వెరీ పరిచయం జావాస్క్రిప్ట్ ఎలా ఉపయోగించబడుతుందో సమూలంగా మార్చింది. ఇది జావాస్క్రిప్ట్లో వ్రాయడం పనులను సరళీకృతం చేసింది, లేకుంటే కోడ్ యొక్క అనేక లైన్లను తీసుకుంటుంది.
సంబంధిత: J క్వెరీలో ఒక మూలకాన్ని ఎలా సృష్టించాలో తెలుసుకోండి
ఇవన్నీ ఉన్నప్పటికీ, జట్టు దానిని తొలగించాలని నిర్ణయించుకుంది. ఇది చిన్న సోర్స్ ఫైల్స్ మరియు అధిక పేజీ లోడ్ సమయాల ప్రయోజనంతో వస్తుంది. ఇది చాలా అవసరమైన మార్పు, ఇది బూట్స్ట్రాప్ మరింత భవిష్యత్తుకు అనుకూలమైన శైలిని పొందుతుంది.
సోర్స్ ఫైల్ పరిమాణం 85KB minified జావాస్క్రిప్ట్ ద్వారా తేలికగా మారింది మరియు మొబైల్ సైట్ల కోసం పేజీ లోడ్ సమయాలను ర్యాంకింగ్ కారకంగా Google పరిగణిస్తుంది కాబట్టి ఇది కీలకం.
బూట్స్ట్రాప్ 5 లో j క్వెరీ వినియోగం ఇకపై అవసరం లేదు, మీకు కావాలంటే మీరు దాన్ని ఉపయోగించవచ్చు. అన్ని జావాస్క్రిప్ట్ ప్లగిన్లు అందుబాటులో ఉండటం కూడా గమనించదగ్గ విషయం.
2. CSS అనుకూల లక్షణాలు
ఇంటర్నెట్ ఎక్స్ప్లోరర్ మద్దతును వదిలివేయడం ద్వారా, అనుకూల CSS లక్షణాలను (వేరియబుల్స్) ఉపయోగించవచ్చు. IE అనుకూల లక్షణాలకు మద్దతు ఇవ్వదు - ఇది వెబ్ డెవలపర్లను సుదీర్ఘకాలం నిలిపివేయడానికి ఒక కారణం మాత్రమే.
CSS అనుకూల లక్షణాలు CSS ను మరింత సరళంగా మరియు ప్రోగ్రామబుల్గా చేస్తాయి. CSS వేరియబుల్స్ దీనితో ప్రిఫిక్స్ చేయబడ్డాయి -బిఎస్ మూడవ పక్ష CSS తో సంఘర్షణను నివారించడానికి.
రెండు రకాల వేరియబుల్స్ అందుబాటులో ఉన్నాయి: రూట్ వేరియబుల్స్ మరియు కాంపోనెంట్ వేరియబుల్స్.
బూట్స్ట్రాప్ CSS ఎక్కడ లోడ్ చేయబడితే అక్కడ రూట్ వేరియబుల్స్ యాక్సెస్ చేయవచ్చు. ఈ వేరియబుల్స్ లో ఉన్నాయి _root.scss ఫైల్ మరియు కంపైల్ చేయబడిన డిస్ట్ ఫైల్స్లో భాగం.
కాంపోనెంట్ వేరియబుల్స్ నిర్దిష్ట భాగాలలో స్థానిక వేరియబుల్స్గా ఉపయోగించబడతాయి. గూడు పట్టికలు వంటి భాగాలలో ఆకస్మిక వారసత్వాన్ని నివారించడానికి అవి సహాయపడతాయి.
3. మెరుగైన గ్రిడ్ వ్యవస్థ
వెర్షన్ 3 నుండి 4 వరకు అప్గ్రేడ్ చేయడంలో కొన్ని సమస్యలు ఉన్నందున, బూట్స్ట్రాప్ 5 ఈసారి సిస్టమ్లో ఎక్కువ భాగాన్ని కలిగి ఉంది, ఇది పూర్తిగా ఉన్న సిస్టమ్ని పూర్తిగా మార్చడానికి బదులుగా నిర్మించింది. కొన్ని మార్పులు:
- గట్టర్ క్లాస్ ( .బాయ్స్ ) యుటిలిటీకి భర్తీ చేయబడింది ( .g* ) మార్జిన్ మరియు పాడింగ్ వంటివి
- నిలువు అంతరాల తరగతులు కూడా చేర్చబడ్డాయి
- నిలువు వరుసలు ఇకపై డిఫాల్ట్ చేయబడవు స్థానం: బంధువు
4. మెరుగైన డాక్యుమెంటేషన్
ప్రత్యేకంగా అనుకూలీకరణ విషయానికి వస్తే మరింత సమాచారంతో డాక్యుమెంటేషన్ మెరుగుపరచబడింది. ఒక సాధారణ సమస్య ఏమిటంటే, బూట్స్ట్రాప్ను ఉపయోగించే అనేక సైట్లతో, అది బూట్స్ట్రాప్ను ఉపయోగిస్తుందని మీరు వెంటనే గుర్తించవచ్చు. బూట్స్ట్రాప్ 5 ఇప్పుడు కొత్త లుక్ మరియు ఫీల్తో మరియు మెరుగైన అనుకూలీకరణతో వస్తుంది.
మీ థీమ్లను అనుకూలీకరించడానికి ఇప్పుడు మరింత సౌలభ్యం ఉంది, తద్వారా ప్రతి సైట్ లేదా యాప్ ఒకే పోలికను కలిగి ఉండదు. సాస్ (ప్రముఖ CSS ప్రీ-ప్రాసెసర్) ఫైల్స్ పైన బిల్డింగ్ కోసం v4 థీమ్ పేజీ నిజానికి మరింత కంటెంట్ మరియు కోడ్ స్నిప్పెట్లతో విస్తరించబడింది. మీరు టెంప్లేట్ రిపోజిటరీగా అందుబాటులో ఉన్న GitHub ప్లాట్ఫారమ్లో స్టార్టర్ npm ప్రాజెక్ట్ను కూడా కనుగొనవచ్చు.
వర్ణ పాలెట్ వెర్షన్ 5 లో కూడా విస్తరించబడింది. విస్తరించిన అంతర్నిర్మిత రంగు వ్యవస్థ మీ కోడ్బేస్ని వదలకుండా మీ రంగులను సులభంగా స్టైల్ చేయగలదని సూచిస్తుంది. బూట్స్ట్రాప్ కలర్ డాక్స్లో కలర్ కాంట్రాస్ట్ మెట్రిక్స్తో సహా కలర్ కాంట్రాస్ట్ను మెరుగుపరచడానికి మరింత పని జరిగింది.
5. మెరుగైన ఫారం నియంత్రణలు
బూట్స్ట్రాప్ దాని ఫారమ్ నియంత్రణలు, ఇన్పుట్ గ్రూపులు మరియు మరెన్నో మెరుగుపరిచింది.
V4 లో, బూట్స్ట్రాప్ ప్రతి బ్రౌజర్ అందించే డిఫాల్ట్లకు అదనంగా కస్టమ్ ఫారమ్ నియంత్రణలను ఉపయోగిస్తోంది. V5 లో, ఇవన్నీ ఇప్పుడు అనుకూలీకరించబడ్డాయి. అన్ని రేడియో బటన్లు, చెక్ బాక్స్లు, ఫైల్, రేంజ్ మరియు మరిన్ని వాటికి వివిధ బ్రౌజర్లలో ఒకే రూపాన్ని మరియు ప్రవర్తనను ఇస్తాయి.
కొత్త ఫారమ్ నియంత్రణలు ఇకపై అనవసరమైన రంగురంగుల మార్కప్ను కలిగి ఉండవు, బదులుగా ప్రామాణిక మరియు తార్కిక డిజైన్ లక్షణాలపై దృష్టి పెట్టండి.
6. బూట్స్ట్రాప్ 5 యుటిలిటీస్ API ని జోడిస్తుంది
Tailwind CSS వంటి కొత్త CSS లైబ్రరీలను అనుసరించి, బూట్స్ట్రాప్ ఇప్పుడు యుటిలిటీ లైబ్రరీని కూడా జోడిస్తోంది. గత దశాబ్ద కాలానికి పైగా మేము వెబ్లో నిర్మించిన విధానాన్ని ఇతర డెవలపర్లు ఎలా సవాలు చేస్తున్నారో చూడటం సంతోషంగా ఉందని బూట్స్ట్రాప్ బృందం చెప్పింది.
డెవలప్మెంట్ కమ్యూనిటీలో యుటిలిటీస్ ఊపందుకుంటున్నాయి మరియు బూట్స్ట్రాప్ టీమ్ నోటీసు తీసుకుంది. గ్లోబల్ని ఉపయోగించి v4 లో యుటిలిటీల కోసం టీమ్ ఇంతకు ముందు నిబంధనను జోడించింది $ ఎనేబుల్-* తరగతులు. V5 లో, అవి API విధానానికి మరియు సాస్లో కొత్త భాష మరియు వాక్యనిర్మాణానికి మార్చబడ్డాయి. ఇచ్చిన డిఫాల్ట్లను తొలగించడానికి లేదా సవరించగలిగేటప్పుడు కొత్త యుటిలిటీలను సృష్టించే శక్తిని ఇది మీకు అందిస్తుంది.
మెరుగైన సంస్థను అందించే మార్గంగా, v4 లో ఉన్న కొన్ని యుటిలిటీలు సహాయకుల విభాగానికి తరలించబడ్డాయి.
7. కొత్త బూట్స్ట్రాప్ ఐకాన్ లైబ్రరీ
బూట్స్ట్రాప్ ఇప్పుడు 1,300 కి పైగా చిహ్నాలతో దాని స్వంత ఓపెన్ సోర్స్ SVG ఐకాన్ లైబ్రరీని కలిగి ఉంది. ఇది ఫ్రేమ్వర్క్ కాంపోనెంట్ల కోసం రూపొందించబడింది, కానీ మీరు ఏ ప్రాజెక్ట్లోనైనా వారితో పని చేయవచ్చు.
అవి SVG చిత్రాలు కాబట్టి, అవి త్వరగా స్కేల్ చేయగలవు మరియు అనేక విధాలుగా అమలు చేయబడతాయి మరియు CSS తో కూడా స్టైల్ చేయబడతాయి.
మీరు ఉపయోగించి చిహ్నాలను ఇన్స్టాల్ చేయవచ్చు సముద్ర మట్టానికి పైన:
$ npm i bootstrap-icons
బూట్స్ట్రాప్ 5 ని ఇన్స్టాల్ చేయండి
మీరు దీనికి వెళ్లవచ్చు బూట్స్ట్రాప్ 5 అధికారిక డౌన్లోడ్ పేజీ మీరు దీన్ని ఇన్స్టాల్ చేయాలనుకుంటే. మీరు తాజా డెవలప్మెంట్ విడుదలతో ముందుకు సాగాలనుకుంటే మీరు ఉపయోగించవచ్చు సముద్ర మట్టానికి పైన దాన్ని లాగడానికి:
$ npm i bootstrap@next
ఈ రచన సమయంలో, ఫ్రేమ్వర్క్ దాని బీటా 3 వెర్షన్లో ఉంది. దీని అర్థం సాఫ్ట్వేర్ ఉపయోగించడం సురక్షితం కానీ ఇంకా అభివృద్ధిలో ఉంది. బృందానికి అభిప్రాయాన్ని తెలియజేయడానికి మరియు అవసరమైన సహకారం అందించడానికి సంకోచించకండి.
షేర్ చేయండి షేర్ చేయండి ట్వీట్ ఇమెయిల్ వెబ్ కాంపోనెంట్స్ మరియు కాంపోనెంట్-బేస్డ్ ఆర్కిటెక్చర్కి పరిచయంసాధారణ వెబ్ భాగాలను చూద్దాం మరియు అవి ఎందుకు ఉపయోగకరంగా ఉన్నాయో చూద్దాం.
తదుపరి చదవండి సంబంధిత అంశాలు- ప్రోగ్రామింగ్
- వెబ్ అభివృద్ధి
- జావాస్క్రిప్ట్
- CSS
జెరోమ్ MakeUseOf లో స్టాఫ్ రైటర్. అతను ప్రోగ్రామింగ్ మరియు లైనక్స్ గురించి కథనాలను కవర్ చేస్తాడు. అతను క్రిప్టో iత్సాహికుడు మరియు క్రిప్టో పరిశ్రమపై ఎల్లప్పుడూ ట్యాబ్లను ఉంచుతాడు.
జెరోమ్ డేవిడ్సన్ నుండి మరిన్నిమా వార్తాలేఖకు సభ్యత్వాన్ని పొందండి
టెక్ చిట్కాలు, సమీక్షలు, ఉచిత ఈబుక్లు మరియు ప్రత్యేకమైన డీల్స్ కోసం మా వార్తాలేఖలో చేరండి!
ఐఫోన్ కోసం ఉత్తమ మూవీ మేకర్ యాప్సభ్యత్వం పొందడానికి ఇక్కడ క్లిక్ చేయండి