టైపోగ్రాఫిక్ స్కేల్

మొత్తం టైపోగ్రాఫిక్ గ్రిడ్ మా వేరియబుల్స్.లెస్ ఫైల్‌లోని రెండు తక్కువ వేరియబుల్స్‌పై ఆధారపడి ఉంటుంది: @baseFontSizeమరియు @baseLineHeight. మొదటిది అంతటా ఉపయోగించే బేస్ ఫాంట్-పరిమాణం మరియు రెండవది బేస్ లైన్-ఎత్తు.

మేము ఆ వేరియబుల్స్ మరియు కొంత గణితాన్ని ఉపయోగిస్తాము, మా అన్ని రకాలైన మార్జిన్‌లు, ప్యాడింగ్‌లు మరియు లైన్-ఎత్తులు మరియు మరిన్నింటిని సృష్టించడానికి.

ఉదాహరణ శరీర వచనం

నుల్లమ్ క్విస్ రిసస్ ఎగెట్ ఉర్నా మొల్లిస్ ఓర్నారే వెల్ యూ లియో. కమ్ సోసిస్ నాటోక్ పెనాటిబస్ మరియు మాగ్నిస్ డిస్ పార్ట్యురియెంట్ మాంటెస్, నాస్కేటర్ రిడిక్యులస్ మస్. Nullam id dolor id nibh ultricies వాహనాలు ut id elit.

వివామస్ సాగిటిస్ లాకస్ వెల్ ఆగ్ లారీట్ రూట్రం ఫౌసిబస్ డోలర్ ఆక్టర్. డ్యూయిస్ మోల్లిస్, ఈస్ట్ నాన్ కమోడో లూక్టస్, నిసి ఎరట్ పోర్టిటర్ లిగులా, ఎగెట్ లాసినియా ఒడియో సెమ్ నెక్ ఎలిట్. డోనెక్ సెడ్ ఒడియో డ్యూయి.

ఉద్ఘాటనను ఉపయోగించడం

ఫ్యూస్ డాపిబస్ , టెల్లస్ ఎసి కర్సస్ కమోడో , టార్టర్ మౌరిస్ కాండిమెంటమ్ నిబ్ , యుట్ ఫెర్మెంటమ్ మాసా జస్టో సిట్ అమెట్ రిసస్. మెసెనాస్ ఫౌసిబస్ మోలిస్ ఇంటర్‌డమ్. నుల్లా విటే ఎలిట్ లిబెరో, ఎ ఫారెట్రా ఆగ్.

గమనిక: HTML5లో ఉపయోగించడానికి సంకోచించకండి <b>, <i>కానీ వాటి వినియోగం కొద్దిగా మారింది. వాయిస్, సాంకేతిక పదాలు మొదలైన వాటికి <b>అదనపు ప్రాముఖ్యత లేకుండా పదాలు లేదా పదబంధాలను హైలైట్ చేయడానికి ఉద్దేశించబడింది .<i>

ఉదాహరణ చిరునామాలు

<address>ట్యాగ్‌ని ఎలా ఉపయోగించవచ్చో ఇక్కడ రెండు ఉదాహరణలు ఉన్నాయి :

ఉదాహరణ సంక్షిప్తాలు

సంక్షిప్తాలు పెద్ద అక్షరంతో మరియు తేలికపాటి చుక్కల దిగువ అంచుతో రూపొందించబడ్డాయి. వారు హోవర్‌లో హెల్ప్ కర్సర్‌ను కూడా కలిగి ఉన్నారు కాబట్టి వినియోగదారులు హోవర్‌లో ఏదైనా చూపబడతారని అదనపు సూచన కలిగి ఉంటారు.

స్లైస్డ్ బ్రెడ్ నుండి HTML ఉత్తమమైనది.

లక్షణం అనే పదం యొక్క సంక్షిప్తీకరణ attr .

బ్లాక్‌కోట్‌ని చేర్చడానికి , కోట్‌గా <blockquote>ఏదైనా HTML చుట్టూ చుట్టండి. సూటి కోట్‌ల కోసం మేము ఒక సిఫార్సు చేస్తున్నాము <p>.

<small>మీ మూలాన్ని ఉదహరించడానికి ఐచ్ఛిక మూలకాన్ని చేర్చండి మరియు —స్టైలింగ్ ప్రయోజనాల కోసం మీరు దాని ముందు ఎమ్ డాష్‌ని పొందుతారు.

<blockquote>
  <p> లోరెమ్ ఇప్సమ్ డోలర్ సిట్ అమెట్, కాన్సెక్టెచర్ అడిపిస్సింగ్ ఎలిట్. పూర్ణాంకం ముందు వెనెనటిస్ ఉంది. </p>
  <small> ఎవరో ప్రముఖుడు </small>
</blockquote>

డిఫాల్ట్ బ్లాక్‌కోట్‌లు ఇలా స్టైల్ చేయబడ్డాయి:

లోరెమ్ ఇప్సమ్ డోలర్ సిట్ అమెట్, కాన్సెక్టెచర్ అడిపిసింగ్ ఎలిట్. పూర్ణాంకం ముందు వెనెనటిస్ ఉంది.

బాడీ ఆఫ్ వర్క్‌లో పేరుగాంచిన వ్యక్తి

మీ బ్లాక్‌కోట్‌ను కుడివైపుకి ఫ్లోట్ చేయడానికి, జోడించండి class="pull-right":

లోరెమ్ ఇప్సమ్ డోలర్ సిట్ అమెట్, కాన్సెక్టెచర్ అడిపిసింగ్ ఎలిట్. పూర్ణాంకం ముందు వెనెనటిస్ ఉంది.

బాడీ ఆఫ్ వర్క్‌లో పేరుగాంచిన వ్యక్తి

ఆర్డర్ చేయబడలేదు

<ul>

• లోరెమ్ ఇప్సమ్ డోలర్ సిట్ అమెట్
• కాన్సెక్టెచర్ అడిపిస్సింగ్ ఎలిట్
• మాసా వద్ద పూర్ణాంకం మోలెస్టీ లోరెమ్
• ప్రీటియమ్ నిస్ల్ అలిక్వెట్‌లో సులభతరం
• నుల్ల వొలుత్పట్ అలికం వెలిట్
  • ఫాసెల్లస్ ఇయాక్యులిస్ నెక్యూ
  • పురస్ సోడల్స్ అల్ట్రిసీస్
  • వెస్టిబులం లారీట్ పోర్టిటర్ సెమ్
  • Ac tristique libero volutpat వద్ద
• ఫౌసిబస్ పోర్టా లాకస్ ఫ్రింగిల్లా వెల్
• ఏనేన్ సిట్ ఇప్పుడు ఇప్పుడు ఉంది
• ఈగెట్ పోర్టిటర్ లోరెం

శైలి లేని

<ul class="unstyled">

• లోరెమ్ ఇప్సమ్ డోలర్ సిట్ అమెట్
• కాన్సెక్టెచర్ అడిపిస్సింగ్ ఎలిట్
• మాసా వద్ద పూర్ణాంకం మోలెస్టీ లోరెమ్
• ప్రీటియమ్ నిస్ల్ అలిక్వెట్‌లో సులభతరం
• నుల్ల వొలుత్పట్ అలికం వెలిట్
  • ఫాసెల్లస్ ఇయాక్యులిస్ నెక్యూ
  • పురస్ సోడల్స్ అల్ట్రిసీస్
  • వెస్టిబులం లారీట్ పోర్టిటర్ సెమ్
  • Ac tristique libero volutpat వద్ద
• ఫౌసిబస్ పోర్టా లాకస్ ఫ్రింగిల్లా వెల్
• ఏనేన్ సిట్ ఇప్పుడు ఇప్పుడు ఉంది
• ఈగెట్ పోర్టిటర్ లోరెం

ఆదేశించారు

<ol>

1. లోరెమ్ ఇప్సమ్ డోలర్ సిట్ అమెట్
2. కాన్సెక్టెచర్ అడిపిస్సింగ్ ఎలిట్
3. మాసా వద్ద పూర్ణాంకం మోలెస్టీ లోరెమ్
4. ప్రీటియమ్ నిస్ల్ అలిక్వెట్‌లో సులభతరం
5. నుల్ల వొలుత్పట్ అలికం వెలిట్
6. ఫౌసిబస్ పోర్టా లాకస్ ఫ్రింగిల్లా వెల్
7. ఏనేన్ సిట్ ఇప్పుడు ఇప్పుడు ఉంది
8. ఈగెట్ పోర్టిటర్ లోరెం

వివరణ

<dl>

వివరణ జాబితాలు

నిబంధనలను నిర్వచించడానికి వివరణ జాబితా సరైనది.

యూయిస్మోడ్

వెస్టిబులమ్ ఐడి లిగులా పోర్టా ఫెలిస్ యూయిస్మోడ్ సెంపర్ ఎగెట్ లాసినియా ఒడియో సెమ్ నెక్ ఎలిట్.

డోనెక్ ఐడి ఎలిట్ నాన్ మై పోర్టా గ్రావిడా ఎట్ ఎగెట్ మెటస్.

Malesuada పోర్టా

ఎటియామ్ పోర్టా సెమ్ మలేసువాడా మాగ్నా మోల్లిస్ యూయిస్మోడ్.

లైన్ లో

తో కోడ్ యొక్క ఇన్‌లైన్ స్నిప్పెట్‌లను చుట్టండి <code>.

ఉదాహరణకు , < code > సెక్షన్ </ code > ఇన్‌లైన్‌గా చుట్టబడి ఉండాలి .  

ప్రాథమిక బ్లాక్

<pre>కోడ్ యొక్క బహుళ లైన్ల కోసం ఉపయోగించండి . సరైన రెండరింగ్ కోసం ఏదైనా కేరెట్‌లను వాటి యూనికోడ్ అక్షరాలుగా మార్చాలని నిర్ధారించుకోండి.

<p>నమూనా వచనం ఇక్కడ...</p>

<ముందు>
  <p>నమూనా వచనం ఇక్కడ...</p>
</pre>

గమనిక: ట్యాగ్‌లలో కోడ్‌ను <pre>వీలైనంత ఎడమవైపుకు దగ్గరగా ఉండేలా చూసుకోండి; ఇది అన్ని ట్యాబ్‌లను రెండర్ చేస్తుంది.

Google Prettify

మెరుగుపరచబడిన రెండరింగ్ కోసం ఒకే <pre>మూలకాన్ని తీసుకోండి మరియు రెండు ఐచ్ఛిక తరగతులను జోడించండి.

<p> ఇక్కడ నమూనా వచనం... </p>

<pre class = "pretyprint 
     లైనమ్స్" >
  <p>నమూనా వచనం ఇక్కడ...</p>
</pre>

google-code-prettifyని డౌన్‌లోడ్ చేయండి మరియు ఎలా ఉపయోగించాలో రీడ్‌మీని వీక్షించండి.

<పట్టిక>
  <thead>
    <tr>
      <th> … </th>
      <th> … </th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td> … </td>
      <td> … </td>
    </tr>
  </tbody>
</table>

పట్టికలు స్వయంచాలకంగా రీడబిలిటీని నిర్ధారించడానికి మరియు నిర్మాణాన్ని నిర్వహించడానికి కొన్ని సరిహద్దులతో స్వయంచాలకంగా స్టైల్ చేయబడతాయి. 2.0తో, .tableతరగతి అవసరం.

<టేబుల్ క్లాస్ = "టేబుల్" > 
  …
</table>

జీబ్రా-స్ట్రిపింగ్‌ని జోడించడం ద్వారా మీ టేబుల్‌లతో కొంచెం ఫ్యాన్సీని పొందండి—కేవలం .table-stripedతరగతిని జోడించండి.

గమనిక: స్ప్రిటెడ్ టేబుల్‌లు :nth-childCSS సెలెక్టర్‌ని ఉపయోగిస్తాయి మరియు IE7-IE8లో అందుబాటులో లేవు.

<టేబుల్ క్లాస్ = "టేబుల్-స్ట్రిప్డ్" > 
  …
</table>

సౌందర్య ప్రయోజనాల కోసం మొత్తం టేబుల్ చుట్టూ సరిహద్దులను మరియు గుండ్రని మూలలను జోడించండి.

<టేబుల్ క్లాస్ = "టేబుల్-బోర్డర్డ్" > 
  …
</table>

.table-condensedటేబుల్ సెల్ ప్యాడింగ్‌ని సగానికి (8px నుండి 4px వరకు) కట్ చేయడానికి తరగతిని జోడించడం ద్వారా మీ టేబుల్‌లను మరింత కాంపాక్ట్ చేయండి .

<table class = "టేబుల్-కండెన్స్డ్" > 
  …
</table>

అందుబాటులో ఉన్న ఏవైనా తరగతులను ఉపయోగించడం ద్వారా విభిన్న రూపాలను సాధించడానికి టేబుల్ క్లాస్‌లలో దేనినైనా కలపడానికి సంకోచించకండి.

<table class = "టేబుల్-స్ట్రిప్డ్ టేబుల్-బోర్డర్డ్ టేబుల్-కండెన్స్డ్" > 
  ...
</table>

సౌకర్యవంతమైన HTML మరియు CSS

బూట్‌స్ట్రాప్‌లోని ఫారమ్‌ల గురించిన ఉత్తమమైన అంశం ఏమిటంటే, మీ అన్ని ఇన్‌పుట్‌లు మరియు నియంత్రణలు మీరు వాటిని మీ మార్కప్‌లో ఎలా రూపొందించినప్పటికీ అద్భుతంగా కనిపిస్తాయి. నిరుపయోగంగా HTML అవసరం లేదు, కానీ మేము అవసరమైన వారికి నమూనాలను అందిస్తాము.

సులభమైన స్టైలింగ్ మరియు ఈవెంట్ బైండింగ్ కోసం మరింత సంక్లిష్టమైన లేఅవుట్‌లు క్లుప్తమైన మరియు స్కేలబుల్ తరగతులతో వస్తాయి, కాబట్టి మీరు అడుగడుగునా కవర్ చేయబడతారు.

నాలుగు లేఅవుట్లు చేర్చబడ్డాయి

బూట్‌స్ట్రాప్ నాలుగు రకాల ఫారమ్ లేఅవుట్‌లకు మద్దతుతో వస్తుంది:

• నిలువు (డిఫాల్ట్)
• వెతకండి
• లైన్ లో
• అడ్డంగా

వివిధ రకాల ఫారమ్ లేఅవుట్‌లకు మార్కప్ చేయడానికి కొన్ని మార్పులు అవసరం, కానీ నియంత్రణలు అలాగే ఉంటాయి మరియు ప్రవర్తిస్తాయి.

నియంత్రణ రాష్ట్రాలు మరియు మరిన్ని

బూట్‌స్ట్రాప్ ఫారమ్‌లు ఇన్‌పుట్, టెక్స్ట్‌ఏరియా వంటి అన్ని బేస్ ఫారమ్ నియంత్రణల కోసం శైలులను కలిగి ఉంటాయి మరియు మీరు ఆశించే ఎంపికను కలిగి ఉంటాయి. కానీ ఇది అనుబంధిత మరియు ముందస్తుగా ఇన్‌పుట్‌లు మరియు చెక్‌బాక్స్‌ల జాబితాలకు మద్దతు వంటి అనేక అనుకూల భాగాలతో కూడా వస్తుంది.

ప్రతి రకమైన ఫారమ్ నియంత్రణ కోసం లోపం, హెచ్చరిక మరియు విజయం వంటి రాష్ట్రాలు చేర్చబడ్డాయి. డిసేబుల్ కంట్రోల్స్ కోసం స్టైల్స్ కూడా చేర్చబడ్డాయి.

v2.0తో, ఫారమ్ స్టైల్‌ల కోసం మేము తేలికైన మరియు తెలివైన డిఫాల్ట్‌లను కలిగి ఉన్నాము. అదనపు మార్కప్ లేదు, కేవలం ఫారమ్ నియంత్రణలు.

డిఫాల్ట్ వెబ్‌కిట్ శైలులను ప్రతిబింబిస్తూ, .form-searchఅదనపు గుండ్రని శోధన ఫీల్డ్‌ల కోసం జోడించండి.

ఇన్‌పుట్‌లు ప్రారంభించడానికి బ్లాక్ స్థాయి. .form-inlineమరియు కోసం .form-horizontal, మేము ఇన్‌లైన్-బ్లాక్‌ని ఉపయోగిస్తాము.

ఏమి చేర్చబడింది

మేము మద్దతిచ్చే అన్ని డిఫాల్ట్ ఫారమ్ నియంత్రణలు ఎడమవైపు చూపబడతాయి. బుల్లెట్ జాబితా ఇక్కడ ఉంది:

• టెక్స్ట్ ఇన్‌పుట్‌లు (టెక్స్ట్, పాస్‌వర్డ్, ఇమెయిల్ మొదలైనవి)
• చెక్బాక్స్
• రేడియో
• ఎంచుకోండి
• బహుళ ఎంపిక
• ఫైల్ ఇన్‌పుట్
• వచన ప్రాంతం

v2.0తో కొత్త డిఫాల్ట్‌లు

v1.4 వరకు, బూట్‌స్ట్రాప్ యొక్క డిఫాల్ట్ ఫారమ్ స్టైల్స్ క్షితిజ సమాంతర లేఅవుట్‌ను ఉపయోగించాయి. బూట్‌స్ట్రాప్ 2తో, ఏ ఫారమ్‌కైనా తెలివిగా, మరింత స్కేలబుల్ డిఫాల్ట్‌లను కలిగి ఉండటానికి మేము ఆ పరిమితిని తీసివేసాము.

రీడిజైన్ చేయబడిన బ్రౌజర్ స్టేట్స్

బూట్‌స్ట్రాప్ బ్రౌజర్-మద్దతు ఉన్న ఫోకస్డ్ మరియు స్టేట్‌ల కోసం శైలులను కలిగి ఉంటుంది disabled. మేము డిఫాల్ట్ వెబ్‌కిట్‌ని తీసివేసి, దాని స్థానంలో కోసం outlineవర్తింపజేస్తాము .box-shadow:focus

ఫారమ్ ధ్రువీకరణ

ఇది లోపాలు, హెచ్చరికలు మరియు విజయానికి సంబంధించిన ధ్రువీకరణ శైలులను కూడా కలిగి ఉంటుంది. ఉపయోగించడానికి, చుట్టూ ఉన్న వాటికి ఎర్రర్ క్లాస్‌ని జోడించండి .control-group.

<ఫీల్డ్ సెట్
  class = "కంట్రోల్-గ్రూప్ ఎర్రర్" >
  …
</fieldset>

ఇన్‌పుట్‌లను ముందుగా & జోడించు

ఇన్‌పుట్ సమూహాలు—అనుబంధించిన లేదా ముందుగా పెంపొందించిన వచనంతో—మీ ఇన్‌పుట్‌లకు మరింత సందర్భాన్ని అందించడానికి సులభమైన మార్గాన్ని అందిస్తాయి. ట్విట్టర్ యూజర్‌నేమ్‌ల కోసం @ సైన్ లేదా ఫైనాన్స్ కోసం $ వంటి గొప్ప ఉదాహరణలు ఉన్నాయి.

చెక్‌బాక్స్‌లు మరియు రేడియోలు

v1.4 వరకు, చెక్‌బాక్స్‌లు మరియు రేడియోలను పేర్చడానికి బూట్‌స్ట్రాప్‌కి వాటి చుట్టూ అదనపు మార్కప్ అవసరం. <label class="checkbox">ఇప్పుడు, మూటగట్టిన దానిని పునరావృతం చేయడం చాలా సులభమైన విషయం <input type="checkbox">.

ఇన్‌లైన్ చెక్‌బాక్స్‌లు మరియు రేడియోలకు కూడా మద్దతు ఉంది. .inlineదేనికైనా జోడించండి .checkboxలేదా .radioమీరు పూర్తి చేసారు.

ఇన్‌లైన్ ఫారమ్‌లు మరియు అనుబంధం/ముందస్తు

.add-onఇన్‌లైన్ ఫారమ్‌లో ప్రిపెండ్ లేదా అపెండ్ ఇన్‌పుట్‌లను ఉపయోగించడానికి, ఖాళీలు లేకుండా inputఒకే లైన్‌లో ఉంచాలని నిర్ధారించుకోండి .

ఫారమ్ సహాయ వచనం

మీ ఫారమ్ ఇన్‌పుట్‌ల కోసం సహాయ వచనాన్ని జోడించడానికి, ఇన్‌లైన్ సహాయ వచనాన్ని చేర్చండి లేదా ఇన్‌పుట్ మూలకం తర్వాత <span class="help-inline">సహాయ టెక్స్ట్ బ్లాక్‌ను చేర్చండి.<p class="help-block">

చర్యల కోసం బటన్లు

సంప్రదాయంగా, బటన్‌లను చర్యల కోసం మాత్రమే ఉపయోగించాలి, అయితే వస్తువుల కోసం హైపర్‌లింక్‌లను ఉపయోగించాలి. ఉదాహరణకు, "డౌన్‌లోడ్" బటన్‌గా ఉండాలి, అయితే "ఇటీవలి కార్యాచరణ" లింక్‌గా ఉండాలి.

వ్యాఖ్యాతలు మరియు రూపాల కోసం

బటన్ శైలులు దరఖాస్తుతో దేనికైనా .btnవర్తించవచ్చు. అయితే, సాధారణంగా మీరు వీటిని <a>మరియు <button>ఎలిమెంట్‌లకు మాత్రమే వర్తింపజేయాలనుకుంటున్నారు.

గమనిక: అన్ని బటన్‌లు తప్పనిసరిగా .btnతరగతిని కలిగి ఉండాలి. స్థిరత్వం కోసం <button>బటన్ స్టైల్‌లను వర్తింపజేయాలి .<a>

బహుళ పరిమాణాలు

పెద్ద లేదా చిన్న బటన్‌లను ఇష్టపడుతున్నారా? దీన్ని కలిగి ఉండండి!

ప్రాథమిక చర్య చర్య

ప్రాథమిక చర్య చర్య

వికలాంగ స్థితి

డిసేబుల్ బటన్‌ల కోసం, .btn-disabledలింక్‌ల :disabledకోసం మరియు <button>ఎలిమెంట్స్ కోసం ఉపయోగించండి.

ప్రాథమిక చర్య చర్య

ప్రాథమిక చర్య చర్య

క్రాస్ బ్రౌజర్ అనుకూలత

IE9లో, IE9 మూలలకు నేపథ్య ప్రవణతలను కత్తిరించనందున మేము గుండ్రని మూలలకు అనుకూలంగా అన్ని బటన్‌లపై గ్రేడియంట్‌ను వదలము.

buttonసంబంధితంగా, IE9 డిసేబుల్ ఎలిమెంట్‌లను జంకిఫై చేస్తుంది , దురదృష్టవశాత్తూ మేము దీన్ని పరిష్కరించలేము.

స్ప్రైట్‌గా నిర్మించబడింది

ప్రతి చిహ్నాన్ని అదనపు అభ్యర్థనగా మార్చడానికి బదులుగా, మేము వాటిని స్ప్రైట్‌గా కంపైల్ చేసాము—ఒక ఫైల్‌లోని చిత్రాల సమూహంతో చిత్రాలను ఉంచడానికి CSSని ఉపయోగిస్తుంది background-position. మేము Twitter.comలో ఉపయోగించే అదే పద్ధతి మరియు ఇది మాకు బాగా పనిచేసింది.

అన్ని చిహ్నాల తరగతులు .icon-మా ఇతర భాగాల మాదిరిగానే సరైన నేమ్‌స్పేసింగ్ మరియు స్కోపింగ్ కోసం ప్రిఫిక్స్ చేయబడ్డాయి. ఇది ఇతర సాధనాలతో విభేదాలను నివారించడానికి సహాయపడుతుంది.

మేము ఇక్కడ డాక్స్‌లో లింక్ మరియు క్రెడిట్‌ను అందించేంత వరకు మా ఓపెన్-సోర్స్ టూల్‌కిట్‌లో సెట్ చేసిన హాఫ్లింగ్స్‌ను ఉపయోగించడానికి Glyphicons మాకు అనుమతినిచ్చింది. దయచేసి మీ ప్రాజెక్ట్‌లలో కూడా అదే పని చేయడాన్ని పరిగణించండి.

ఎలా ఉపయోగించాలి

v2.0.0తో, మేము <i>మా అన్ని చిహ్నాల కోసం ట్యాగ్‌ని ఉపయోగించాలని ఎంచుకున్నాము, కానీ వాటికి కేస్ క్లాస్ లేదు-భాగస్వామ్య ఉపసర్గ మాత్రమే. ఉపయోగించడానికి, కింది కోడ్‌ను ఎక్కడైనా ఉంచండి:

<i class = "icon-search" ></i> 

విలోమ (తెలుపు) చిహ్నాల కోసం శైలులు కూడా అందుబాటులో ఉన్నాయి, ఒక అదనపు తరగతితో సిద్ధంగా ఉన్నాయి:

<i class = "icon-search icon-white" ></i> 

మీ చిహ్నాల కోసం ఎంచుకోవడానికి 120 తరగతులు ఉన్నాయి. సరైన తరగతులతో ట్యాగ్‌ని జోడించి <i>, మీరు సెట్ చేసారు. మీరు పూర్తి జాబితాను sprites.less లో లేదా ఇక్కడే ఈ పత్రంలో కనుగొనవచ్చు.

కేసులు వాడండి

చిహ్నాలు గొప్పవి, కానీ వాటిని ఎక్కడ ఉపయోగించాలి? ఇక్కడ కొన్ని ఆలోచనలు ఉన్నాయి:

• మీ సైడ్‌బార్ నావిగేషన్ కోసం విజువల్స్‌గా
• పూర్తిగా చిహ్నంతో నడిచే నావిగేషన్ కోసం
• చర్య యొక్క అర్థాన్ని తెలియజేయడానికి బటన్‌ల కోసం
• వినియోగదారు గమ్యస్థానంలో సందర్భాన్ని భాగస్వామ్యం చేయడానికి లింక్‌లతో

ముఖ్యంగా, మీరు ట్యాగ్‌ని ఎక్కడైనా ఉంచవచ్చు <i>, మీరు చిహ్నాన్ని ఉంచవచ్చు.

రిఫ్రెష్ చేయండి చెక్అవుట్ తొలగించు

వ్యాఖ్య సెట్టింగ్‌లు మరింత సమాచారం