బూట్‌స్ట్రాప్ బ్లాక్ సహాయ వచన ఉదాహరణలు

','

”, లేదా మరిన్ని, సహాయ వచనాన్ని జోడించడానికి ఉపయోగించవచ్చు. ఈ ప్రయోజనం కోసం, ' ఫారమ్-టెక్స్ట్ ” క్లాస్ ఉపయోగించబడుతుంది. ఈ తరగతి ' ప్రదర్శన: బ్లాక్ ”ఆస్తి. అంతేకాకుండా, ఇది ఇతర ఇన్‌పుట్ ఫీల్డ్‌ల నుండి కొంత స్థలంలో ప్రదర్శించడానికి టెక్స్ట్‌కు సహాయపడే టాప్ మార్జిన్ ప్రాపర్టీని కూడా కలిగి ఉంటుంది.

ఉదాహరణ

దిగువ ఉదాహరణను పరిశీలించండి:

---

---

• జోడించు ' <రూపం> ఫారమ్‌ను రూపొందించడానికి మూలకం.
• ఇన్‌పుట్ ఫీల్డ్‌కు శీర్షికను చేర్చడానికి, ఒక “ని జోడించండి ' మూలకం.
• ఆ తర్వాత, ''ని జోడించండి <ఇన్‌పుట్> 'మూలకంతో' రూపం-నియంత్రణ 'మరియు' ఇన్పుట్-ఫీల్డ్ ”ఇన్‌పుట్ ఫీల్డ్‌ని సృష్టించడానికి.
• అప్పుడు, 'ని జోడించండి <చిన్న> 'తరగతులతో మూలకం' ఫారమ్-టెక్స్ట్ 'మరియు' వచనం-మ్యూట్ చేయబడింది ” సహాయ వచనాన్ని జోడించడానికి:

< రూపం >

< వ్యవధి > రహస్య సంకేతం తెలపండి < / వ్యవధి >

< ఇన్పుట్ తరగతి = 'ఫారమ్-కంట్రోల్ ఇన్‌పుట్-ఫీల్డ్' రకం = 'పాస్వర్డ్' >

< div తరగతి = 'ఫారమ్-టెక్స్ట్ టెక్స్ట్-మ్యూట్ చేయబడింది' > మీ పాస్‌వర్డ్ తప్పనిసరిగా 8 అక్షరాల పొడవు ఉండాలి. < / div >

< / రూపం >

పై కోడ్ స్నిప్పెట్‌లో ఉపయోగించిన తరగతులు ఇక్కడ వివరించబడ్డాయి:

• ' రూపం-నియంత్రణ ” క్లాస్ ఇన్‌పుట్ ఎలిమెంట్స్ కోసం కొన్ని గ్లోబల్ స్టైలింగ్‌ను కలిగి ఉంది.
• ' ఫారమ్-టెక్స్ట్ ” క్లాస్ సహాయ వచనానికి శైలులను జోడిస్తుంది.
• ' వచనం-మ్యూట్ చేయబడింది ” సహాయ వచనానికి సాధారణ శైలులను జోడిస్తుంది.

అవుట్‌పుట్

ఇన్‌లైన్ ఎలిమెంట్‌లను ఉపయోగించి బూట్‌స్ట్రాప్ బ్లాక్ సహాయ వచనాన్ని ఎలా జోడించాలి?

వంటి ఇన్లైన్ మూలకాలు ' 'లేదా' <చిన్న> ” వెబ్ పేజీకి సహాయ వచనాన్ని జోడించడానికి ఉపయోగించవచ్చు.

ఉదాహరణ

దిగువ ఉదాహరణ '' యొక్క ఉపయోగాన్ని ప్రదర్శిస్తుంది. <చిన్న> ” సహాయ వచనాన్ని పేర్కొనడానికి ఇన్‌లైన్ మూలకం:

< రూపం తరగతి = 'ఫారమ్-ఇన్‌లైన్' >

< div తరగతి = 'రూప సమూహం' >

< వ్యవధి >మీ పేరు నమోదు చేయండి< / వ్యవధి >

< ఇన్పుట్ తరగతి = 'ఫారమ్-కంట్రోల్ ఇన్‌పుట్-ఫీల్డ్' రకం = 'పాస్వర్డ్' >

< చిన్నది తరగతి = 'టెక్స్ట్-మ్యూట్' > తప్పక నింపాలి.< / చిన్నది >

< / div >

< / రూపం >

సహాయ వచనం విజయవంతంగా జోడించబడిందని గమనించవచ్చు:

ఇదంతా బూట్‌స్ట్రాప్ బ్లాక్ హెల్ప్ టెక్స్ట్ గురించి.

ముగింపు

బూట్‌స్ట్రాప్‌లో సహాయ వచనాన్ని జోడించడానికి, “ ఫారమ్-టెక్స్ట్ ” క్లాస్ బ్లాక్-లెవల్ హెల్ప్ టెక్స్ట్‌ని జోడించడానికి ఉపయోగించబడుతుంది. ది ' వచనం-మ్యూట్ చేయబడింది ” క్లాస్ ఇన్‌లైన్ సహాయ వచనాన్ని సృష్టించడానికి ఉపయోగించబడుతుంది. బూట్‌స్ట్రాప్ 3లో, ' సహాయం-బ్లాక్ ” క్లాస్ ఉపయోగించబడుతుంది. మరింత ప్రత్యేకంగా, సహాయ వచనాన్ని ఇన్‌లైన్ లేదా బ్లాక్-లెవల్ మూలకాలతో పేర్కొనవచ్చు. ఉదాహరణల సహాయంతో బూట్‌స్ట్రాప్‌లో సహాయ వచనాన్ని ఎలా జోడించాలో ఈ పోస్ట్ వివరించింది.