ಟೈಪೋಗ್ರಾಫಿಕ್ ಸ್ಕೇಲ್

ಸಂಪೂರ್ಣ ಟೈಪೋಗ್ರಾಫಿಕ್ ಗ್ರಿಡ್ ನಮ್ಮ variables.less ಫೈಲ್‌ನಲ್ಲಿ ಎರಡು ಕಡಿಮೆ ವೇರಿಯೇಬಲ್‌ಗಳನ್ನು ಆಧರಿಸಿದೆ: @baseFontSizeಮತ್ತು @baseLineHeight. ಮೊದಲನೆಯದು ಬೇಸ್ ಫಾಂಟ್-ಗಾತ್ರವನ್ನು ಉದ್ದಕ್ಕೂ ಬಳಸಲಾಗುತ್ತದೆ ಮತ್ತು ಎರಡನೆಯದು ಬೇಸ್ ಲೈನ್-ಎತ್ತರವಾಗಿದೆ.

ನಮ್ಮ ಎಲ್ಲಾ ಪ್ರಕಾರಗಳ ಅಂಚುಗಳು, ಪ್ಯಾಡಿಂಗ್‌ಗಳು ಮತ್ತು ಲೈನ್-ಎತ್ತರಗಳನ್ನು ರಚಿಸಲು ಮತ್ತು ಹೆಚ್ಚಿನದನ್ನು ರಚಿಸಲು ನಾವು ಆ ವೇರಿಯೇಬಲ್‌ಗಳು ಮತ್ತು ಕೆಲವು ಗಣಿತವನ್ನು ಬಳಸುತ್ತೇವೆ.

ದೇಹದ ಪಠ್ಯದ ಉದಾಹರಣೆ

ನುಲ್ಲಮ್ ಕ್ವಿಸ್ ರಿಸಸ್ ಈಗೆಟ್ ಉರ್ನಾ ಮೊಲ್ಲಿಸ್ ಒರ್ನಾರೆ ವೆಲ್ ಇಯು ಲಿಯೋ. ಕಮ್ ಸೊಸೈಸ್ ನ್ಯಾಟೋಕ್ ಪೆನಾಟಿಬಸ್ ಮತ್ತು ಮ್ಯಾಗ್ನಿಸ್ ಡಿಸ್ ಪಾರ್ಚುರಿಯೆಂಟ್ ಮಾಂಟೆಸ್, ನಾಸ್ಸೆಟರ್ ರಿಡಿಕ್ಯುಲಸ್ ಮಸ್. Nullam id dolor id nibh ultricies ವೆಹಿಕುಲಾ ut id elit.

ವಿವಾಮಸ್ ಸಗಿಟಿಸ್ ಲ್ಯಾಕಸ್ ವೆಲ್ ಆಗ್ ಲಾರೆಟ್ ರುಟ್ರಮ್ ಫೌಸಿಬಸ್ ಡೋಲರ್ ಆಕ್ಟರ್. ಡುಯಿಸ್ ಮೊಲ್ಲಿಸ್, ಈಸ್ಟ್ ನಾನ್ ಕಮೊಡೊ ಲಕ್ಟಸ್, ನಿಸಿ ಎರಟ್ ಪೋರ್ಟಿಟರ್ ಲಿಗುಲಾ, ಎಗೆಟ್ ಲ್ಯಾಸಿನಿಯಾ ಓಡಿಯೊ ಸೆಮ್ ನೆಕ್ ಎಲಿಟ್. ಡೊನೆಕ್ ಸೆಡ್ ಓಡಿಯೊ ದುಯಿ.

ಒತ್ತು ಬಳಸುವುದು

ಫ್ಯೂಸ್ ಡ್ಯಾಪಿಬಸ್ , ಟೆಲ್ಲಸ್ ಎಸಿ ಕರ್ಸಸ್ ಕಮೊಡೊ , ಟಾರ್ಟರ್ ಮಾರಿಸ್ ಕಾಂಡಿಮೆಂಟಮ್ ನಿಬ್ , ಯುಟ್ ಫರ್ಮೆಂಟಮ್ ಮಸ್ಸಾ ಜಸ್ಟೊ ಸಿಟ್ ಅಮೆಟ್ ರಿಸಸ್. ಮೆಸೆನಾಸ್ ಫೌಸಿಬಸ್ ಮೊಲ್ಲಿಸ್ ಇಂಟರ್ಡಮ್. ನುಲ್ಲಾ ವಿಟೇ ಎಲಿಟ್ ಲಿಬೆರೊ, ಎ ಫಾರೆಟ್ರಾ ಆಗ್.

ಗಮನಿಸಿ: ಬಳಸಲು ಹಿಂಜರಿಯಬೇಡಿ <b>ಮತ್ತು <i>HTML5 ನಲ್ಲಿ, ಆದರೆ ಅವುಗಳ ಬಳಕೆಯು ಸ್ವಲ್ಪ ಬದಲಾಗಿದೆ. ಧ್ವನಿ, ತಾಂತ್ರಿಕ ಪದಗಳು ಇತ್ಯಾದಿಗಳಿಗೆ <b>ಹೆಚ್ಚಿನ ಪ್ರಾಮುಖ್ಯತೆಯನ್ನು ನೀಡದೆಯೇ ಪದಗಳು ಅಥವಾ ಪದಗುಚ್ಛಗಳನ್ನು ಹೈಲೈಟ್ ಮಾಡಲು ಉದ್ದೇಶಿಸಲಾಗಿದೆ .<i>

ಉದಾಹರಣೆ ವಿಳಾಸಗಳು

<address>ಟ್ಯಾಗ್ ಅನ್ನು ಹೇಗೆ ಬಳಸಬಹುದು ಎಂಬುದಕ್ಕೆ ಎರಡು ಉದಾಹರಣೆಗಳು ಇಲ್ಲಿವೆ :

ಉದಾಹರಣೆ ಸಂಕ್ಷೇಪಣಗಳು

ಸಂಕ್ಷೇಪಣಗಳನ್ನು ದೊಡ್ಡಕ್ಷರ ಪಠ್ಯ ಮತ್ತು ಬೆಳಕಿನ ಚುಕ್ಕೆಗಳ ಕೆಳಭಾಗದ ಗಡಿಯೊಂದಿಗೆ ವಿನ್ಯಾಸಗೊಳಿಸಲಾಗಿದೆ. ಅವರು ಹೋವರ್‌ನಲ್ಲಿ ಸಹಾಯ ಕರ್ಸರ್ ಅನ್ನು ಸಹ ಹೊಂದಿದ್ದಾರೆ ಆದ್ದರಿಂದ ಬಳಕೆದಾರರು ಹೋವರ್‌ನಲ್ಲಿ ಏನನ್ನಾದರೂ ತೋರಿಸುತ್ತಾರೆ ಎಂಬ ಹೆಚ್ಚುವರಿ ಸೂಚನೆಯನ್ನು ಹೊಂದಿರುತ್ತಾರೆ.

ಸ್ಲೈಸ್ಡ್ ಬ್ರೆಡ್‌ನಿಂದ HTML ಅತ್ಯುತ್ತಮ ವಿಷಯವಾಗಿದೆ.

ಗುಣಲಕ್ಷಣ ಪದದ ಸಂಕ್ಷೇಪಣವು attr ಆಗಿದೆ .

ಬ್ಲಾಕ್‌ಕೋಟ್ ಅನ್ನು ಸೇರಿಸಲು, <blockquote>ಯಾವುದೇ HTML ಅನ್ನು ಉಲ್ಲೇಖದಂತೆ ಸುತ್ತಿಕೊಳ್ಳಿ. ನೇರ ಉಲ್ಲೇಖಗಳಿಗಾಗಿ ನಾವು ಶಿಫಾರಸು ಮಾಡುತ್ತೇವೆ a <p>.

<small>ನಿಮ್ಮ ಮೂಲವನ್ನು ಉಲ್ಲೇಖಿಸಲು ಐಚ್ಛಿಕ ಅಂಶವನ್ನು ಸೇರಿಸಿ ಮತ್ತು —ಸ್ಟೈಲಿಂಗ್ ಉದ್ದೇಶಗಳಿಗಾಗಿ ನೀವು ಮೊದಲು ಎಮ್ ಡ್ಯಾಶ್ ಅನ್ನು ಪಡೆಯುತ್ತೀರಿ.

<blockquote>
  <p> ಲೋರೆಮ್ ಇಪ್ಸಮ್ ಡೋಲರ್ ಸಿಟ್ ಅಮೆಟ್, ಕಾನ್ಸೆಕ್ಟೆಟರ್ ಅಡಿಪಿಸ್ಸಿಂಗ್ ಎಲಿಟ್. ಪೂರ್ಣಾಂಕ ಪೂರ್ವ ವೆನೆನಾಟಿಸ್ ಎರಟ್. </p>
  <small> ಯಾರೋ ಪ್ರಸಿದ್ಧರು </small>
</blockquote>

ಡೀಫಾಲ್ಟ್ ಬ್ಲಾಕ್‌ಕೋಟ್‌ಗಳನ್ನು ಈ ರೀತಿ ವಿನ್ಯಾಸಗೊಳಿಸಲಾಗಿದೆ:

ಲೋರೆಮ್ ಇಪ್ಸಮ್ ಡೋಲರ್ ಸಿಟ್ ಅಮೆಟ್, ಕಾನ್ಸೆಕ್ಟೆಟರ್ ಅಡಿಪಿಸಿಂಗ್ ಎಲಿಟ್. ಪೂರ್ಣಾಂಕ ಪೂರ್ವ ವೆನೆನಾಟಿಸ್ ಎರಟ್.

ಕೆಲಸದಲ್ಲಿ ಪ್ರಸಿದ್ಧರಾದವರು

ನಿಮ್ಮ ಬ್ಲಾಕ್ ಕೋಟ್ ಅನ್ನು ಬಲಕ್ಕೆ ತೇಲಿಸಲು, ಸೇರಿಸಿ class="pull-right":

ಲೋರೆಮ್ ಇಪ್ಸಮ್ ಡೋಲರ್ ಸಿಟ್ ಅಮೆಟ್, ಕಾನ್ಸೆಕ್ಟೆಟರ್ ಅಡಿಪಿಸಿಂಗ್ ಎಲಿಟ್. ಪೂರ್ಣಾಂಕ ಪೂರ್ವ ವೆನೆನಾಟಿಸ್ ಎರಟ್.

ಕೆಲಸದಲ್ಲಿ ಪ್ರಸಿದ್ಧರಾದವರು

ಆದೇಶವಿಲ್ಲ

<ul>

• ಲೋರೆಮ್ ಇಪ್ಸಮ್ ಡೋಲರ್ ಸಿಟ್ ಅಮೆಟ್
• ಕಾನ್ಸೆಕ್ಟೆಟರ್ ಅಡಿಪಿಸ್ಸಿಂಗ್ ಎಲಿಟ್
• ಪೂರ್ಣಾಂಕ ಮೊಲೆಸ್ಟಿ ಲೋರೆಮ್ ಮತ್ತು ಮಸ್ಸಾ
• ಪ್ರೀಟಿಯಮ್ ನಿಸ್ಲ್ ಅಲಿಕ್ವೆಟ್‌ನಲ್ಲಿ ಸೌಲಭ್ಯ
• ನುಲ್ಲ ವೊಲುಟ್ಪಟ್ ಅಲಿಕಮ್ ವೆಲಿತ್
  • ಫಾಸೆಲ್ಲಸ್ ಐಕ್ಯುಲಿಸ್ ನೆಕ್ವೆ
  • ಪುರುಸ್ ಸೋಡೇಲ್ಸ್ ಅಲ್ಟ್ರಿಸಿಸ್
  • ವೆಸ್ಟಿಬುಲಮ್ ಲಾರೆಟ್ ಪೋರ್ಟಿಟರ್ ಸೆಮ್
  • ಎಸಿ ಟ್ರಿಸ್ಟಿಕ್ ಲಿಬೆರೊ ವಾಲ್ಟ್ಪಾಟ್ ನಲ್ಲಿ
• ಫೌಸಿಬಸ್ ಪೋರ್ಟಾ ಲ್ಯಾಕಸ್ ಫ್ರಿಂಗಿಲ್ಲಾ ವೆಲ್
• ಈಗಿನ ಸಿಟ್ ಅಮೆಟ್ ಈಗ
• ಈಗೆಟ್ ಪೋರ್ಟಿಟರ್ ಲೋರೆಮ್

ಶೈಲಿಯಿಲ್ಲದ

<ul class="unstyled">

• ಲೋರೆಮ್ ಇಪ್ಸಮ್ ಡೋಲರ್ ಸಿಟ್ ಅಮೆಟ್
• ಕಾನ್ಸೆಕ್ಟೆಟರ್ ಅಡಿಪಿಸ್ಸಿಂಗ್ ಎಲಿಟ್
• ಪೂರ್ಣಾಂಕ ಮೊಲೆಸ್ಟಿ ಲೋರೆಮ್ ಮತ್ತು ಮಸ್ಸಾ
• ಪ್ರೀಟಿಯಮ್ ನಿಸ್ಲ್ ಅಲಿಕ್ವೆಟ್‌ನಲ್ಲಿ ಸೌಲಭ್ಯ
• ನುಲ್ಲ ವೊಲುಟ್ಪಟ್ ಅಲಿಕಮ್ ವೆಲಿತ್
  • ಫಾಸೆಲ್ಲಸ್ ಐಕ್ಯುಲಿಸ್ ನೆಕ್ವೆ
  • ಪುರುಸ್ ಸೋಡೇಲ್ಸ್ ಅಲ್ಟ್ರಿಸಿಸ್
  • ವೆಸ್ಟಿಬುಲಮ್ ಲಾರೆಟ್ ಪೋರ್ಟಿಟರ್ ಸೆಮ್
  • ಎಸಿ ಟ್ರಿಸ್ಟಿಕ್ ಲಿಬೆರೊ ವಾಲ್ಟ್ಪಾಟ್ ನಲ್ಲಿ
• ಫೌಸಿಬಸ್ ಪೋರ್ಟಾ ಲ್ಯಾಕಸ್ ಫ್ರಿಂಗಿಲ್ಲಾ ವೆಲ್
• ಈಗಿನ ಸಿಟ್ ಅಮೆಟ್ ಈಗ
• ಈಗೆಟ್ ಪೋರ್ಟಿಟರ್ ಲೋರೆಮ್

ಆದೇಶಿಸಿದರು

<ol>

1. ಲೋರೆಮ್ ಇಪ್ಸಮ್ ಡೋಲರ್ ಸಿಟ್ ಅಮೆಟ್
2. ಕಾನ್ಸೆಕ್ಟೆಟರ್ ಅಡಿಪಿಸ್ಸಿಂಗ್ ಎಲಿಟ್
3. ಪೂರ್ಣಾಂಕ ಮೊಲೆಸ್ಟಿ ಲೋರೆಮ್ ಮತ್ತು ಮಸ್ಸಾ
4. ಪ್ರೀಟಿಯಮ್ ನಿಸ್ಲ್ ಅಲಿಕ್ವೆಟ್‌ನಲ್ಲಿ ಸೌಲಭ್ಯ
5. ನುಲ್ಲ ವೊಲುಟ್ಪಟ್ ಅಲಿಕಮ್ ವೆಲಿತ್
6. ಫೌಸಿಬಸ್ ಪೋರ್ಟಾ ಲ್ಯಾಕಸ್ ಫ್ರಿಂಗಿಲ್ಲಾ ವೆಲ್
7. ಈಗಿನ ಸಿಟ್ ಅಮೆಟ್ ಈಗ
8. ಈಗೆಟ್ ಪೋರ್ಟಿಟರ್ ಲೋರೆಮ್

ವಿವರಣೆ

<dl>

ವಿವರಣೆ ಪಟ್ಟಿಗಳು

ಪದಗಳನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಲು ವಿವರಣೆ ಪಟ್ಟಿಯು ಪರಿಪೂರ್ಣವಾಗಿದೆ.

ಯುಯಿಸ್ಮೋಡ್

ವೆಸ್ಟಿಬುಲಮ್ ಐಡಿ ಲಿಗುಲಾ ಪೋರ್ಟಾ ಫೆಲಿಸ್ ಯುಯಿಸ್ಮೋಡ್ ಸೆಂಪರ್ ಎಗೆಟ್ ಲ್ಯಾಸಿನಿಯಾ ಓಡಿಯೊ ಸೆಮ್ ನೆಕ್ ಎಲಿಟ್.

ಡೊನೆಕ್ ಐಡಿ ಎಲಿಟ್ ನಾನ್ ಮೈ ಪೋರ್ಟಾ ಗ್ರಾವಿಡಾ ಮತ್ತು ಎಗೆಟ್ ಮೆಟಸ್.

ಮಲೆಸುವಾದ ಪೋರ್ಟಾ

ಎಟಿಯಮ್ ಪೋರ್ಟಾ ಸೆಮ್ ಮಲೆಸುಡಾ ಮ್ಯಾಗ್ನಾ ಮೊಲ್ಲಿಸ್ ಯುಯಿಸ್ಮೋಡ್.

ಸಾಲಿನಲ್ಲಿ

ನೊಂದಿಗೆ ಕೋಡ್‌ನ ಇನ್‌ಲೈನ್ ತುಣುಕುಗಳನ್ನು ಸುತ್ತಿ <code>.

ಉದಾಹರಣೆಗೆ , <code> ವಿಭಾಗ < / code > ಅನ್ನು ಇನ್‌ಲೈನ್‌ನಂತೆ ಸುತ್ತಿಡಬೇಕು .  

ಮೂಲ ಬ್ಲಾಕ್

<pre>ಕೋಡ್‌ನ ಬಹು ಸಾಲುಗಳಿಗಾಗಿ ಬಳಸಿ . ಸರಿಯಾದ ರೆಂಡರಿಂಗ್‌ಗಾಗಿ ಯಾವುದೇ ಕ್ಯಾರೆಟ್‌ಗಳನ್ನು ಅವುಗಳ ಯುನಿಕೋಡ್ ಅಕ್ಷರಗಳಾಗಿ ಪರಿವರ್ತಿಸಲು ಮರೆಯದಿರಿ.

<p>ಮಾದರಿ ಪಠ್ಯ ಇಲ್ಲಿದೆ...</p>

<ಪೂರ್ವ>
  <p>ಮಾದರಿ ಪಠ್ಯ ಇಲ್ಲಿದೆ...</p>
</pre>

ಗಮನಿಸಿ:<pre> ಟ್ಯಾಗ್‌ಗಳಲ್ಲಿ ಕೋಡ್ ಅನ್ನು ಎಡಕ್ಕೆ ಸಾಧ್ಯವಾದಷ್ಟು ಹತ್ತಿರ ಇರಿಸಿಕೊಳ್ಳಲು ಮರೆಯದಿರಿ ; ಇದು ಎಲ್ಲಾ ಟ್ಯಾಬ್‌ಗಳನ್ನು ನಿರೂಪಿಸುತ್ತದೆ.

Google Prettify

ಅದೇ <pre>ಅಂಶವನ್ನು ತೆಗೆದುಕೊಳ್ಳಿ ಮತ್ತು ವರ್ಧಿತ ರೆಂಡರಿಂಗ್‌ಗಾಗಿ ಎರಡು ಐಚ್ಛಿಕ ತರಗತಿಗಳನ್ನು ಸೇರಿಸಿ.

<p> ಇಲ್ಲಿ ಮಾದರಿ ಪಠ್ಯ... </p>

<ಪೂರ್ವ ವರ್ಗ = "ಪ್ರಿಟಿಪ್ರಿಂಟ್ 
     ಲೈನ್ನಮ್ಗಳು" >
  <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ವರ್ಗವನ್ನು ಸೇರಿಸಿ.

ಗಮನಿಸಿ: Sprited ಕೋಷ್ಟಕಗಳು :nth-childCSS ಸೆಲೆಕ್ಟರ್ ಅನ್ನು ಬಳಸುತ್ತವೆ ಮತ್ತು IE7-IE8 ನಲ್ಲಿ ಲಭ್ಯವಿಲ್ಲ.

<ಟೇಬಲ್ ಕ್ಲಾಸ್ = "ಟೇಬಲ್-ಸ್ಟ್ರೈಪ್ಡ್" > 
  …
</table>

ಸೌಂದರ್ಯದ ಉದ್ದೇಶಗಳಿಗಾಗಿ ಸಂಪೂರ್ಣ ಟೇಬಲ್ ಮತ್ತು ದುಂಡಾದ ಮೂಲೆಗಳ ಸುತ್ತಲೂ ಗಡಿಗಳನ್ನು ಸೇರಿಸಿ.

<ಟೇಬಲ್ ವರ್ಗ = "ಟೇಬಲ್-ಬೋರ್ಡರ್ಡ್" > 
  …
</table>

.table-condensedಟೇಬಲ್ ಸೆಲ್ ಪ್ಯಾಡಿಂಗ್ ಅನ್ನು ಅರ್ಧಕ್ಕೆ (8px ನಿಂದ 4px ವರೆಗೆ) ಕತ್ತರಿಸಲು ವರ್ಗವನ್ನು ಸೇರಿಸುವ ಮೂಲಕ ನಿಮ್ಮ ಕೋಷ್ಟಕಗಳನ್ನು ಹೆಚ್ಚು ಕಾಂಪ್ಯಾಕ್ಟ್ ಮಾಡಿ .

<ಟೇಬಲ್ ವರ್ಗ = "ಟೇಬಲ್-ಕಂಡೆನ್ಸ್ಡ್" > 
  …
</table>

ಲಭ್ಯವಿರುವ ಯಾವುದೇ ತರಗತಿಗಳನ್ನು ಬಳಸಿಕೊಂಡು ವಿಭಿನ್ನ ನೋಟವನ್ನು ಸಾಧಿಸಲು ಯಾವುದೇ ಟೇಬಲ್ ತರಗತಿಗಳನ್ನು ಸಂಯೋಜಿಸಲು ಹಿಂಜರಿಯಬೇಡಿ.

<ಟೇಬಲ್ ವರ್ಗ = "ಟೇಬಲ್-ಪಟ್ಟಿಯ ಟೇಬಲ್-ಬೋರ್ಡರ್ಡ್ ಟೇಬಲ್-ಕಂಡೆನ್ಸ್ಡ್" > 
  ...
</table>

ಹೊಂದಿಕೊಳ್ಳುವ HTML ಮತ್ತು CSS

ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್‌ನಲ್ಲಿನ ಫಾರ್ಮ್‌ಗಳ ಉತ್ತಮ ಭಾಗವೆಂದರೆ ನಿಮ್ಮ ಎಲ್ಲಾ ಇನ್‌ಪುಟ್‌ಗಳು ಮತ್ತು ನಿಯಂತ್ರಣಗಳು ನಿಮ್ಮ ಮಾರ್ಕ್‌ಅಪ್‌ನಲ್ಲಿ ಅವುಗಳನ್ನು ಹೇಗೆ ನಿರ್ಮಿಸಿದರೂ ಉತ್ತಮವಾಗಿ ಕಾಣುತ್ತವೆ. ಯಾವುದೇ ಹೆಚ್ಚುವರಿ HTML ಅಗತ್ಯವಿಲ್ಲ, ಆದರೆ ಅಗತ್ಯವಿರುವವರಿಗೆ ನಾವು ಮಾದರಿಗಳನ್ನು ಒದಗಿಸುತ್ತೇವೆ.

ಸುಲಭವಾದ ವಿನ್ಯಾಸ ಮತ್ತು ಈವೆಂಟ್ ಬೈಂಡಿಂಗ್‌ಗಾಗಿ ಹೆಚ್ಚು ಸಂಕೀರ್ಣವಾದ ಲೇಔಟ್‌ಗಳು ಸಂಕ್ಷಿಪ್ತ ಮತ್ತು ಸ್ಕೇಲೆಬಲ್ ತರಗತಿಗಳೊಂದಿಗೆ ಬರುತ್ತವೆ, ಆದ್ದರಿಂದ ನೀವು ಪ್ರತಿ ಹಂತದಲ್ಲೂ ರಕ್ಷಣೆ ಪಡೆಯುತ್ತೀರಿ.

ನಾಲ್ಕು ಲೇಔಟ್‌ಗಳನ್ನು ಒಳಗೊಂಡಿದೆ

ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ನಾಲ್ಕು ವಿಧದ ಫಾರ್ಮ್ ಲೇಔಟ್‌ಗಳಿಗೆ ಬೆಂಬಲದೊಂದಿಗೆ ಬರುತ್ತದೆ:

• ಲಂಬ (ಡೀಫಾಲ್ಟ್)
• ಹುಡುಕಿ Kannada
• ಸಾಲಿನಲ್ಲಿ
• ಸಮತಲ

ವಿವಿಧ ರೀತಿಯ ಫಾರ್ಮ್ ಲೇಔಟ್‌ಗಳಿಗೆ ಮಾರ್ಕ್‌ಅಪ್‌ಗೆ ಕೆಲವು ಬದಲಾವಣೆಗಳ ಅಗತ್ಯವಿರುತ್ತದೆ, ಆದರೆ ನಿಯಂತ್ರಣಗಳು ಸ್ವತಃ ಉಳಿಯುತ್ತವೆ ಮತ್ತು ಒಂದೇ ರೀತಿ ವರ್ತಿಸುತ್ತವೆ.

ನಿಯಂತ್ರಣ ಸ್ಥಿತಿಗಳು ಮತ್ತು ಇನ್ನಷ್ಟು

ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್‌ನ ಫಾರ್ಮ್‌ಗಳು ಇನ್‌ಪುಟ್, ಟೆಕ್ಸ್‌ಟೇರಿಯಾ ಮತ್ತು ನೀವು ನಿರೀಕ್ಷಿಸುವ ಆಯ್ಕೆಯಂತಹ ಎಲ್ಲಾ ಮೂಲ ಫಾರ್ಮ್ ನಿಯಂತ್ರಣಗಳಿಗೆ ಶೈಲಿಗಳನ್ನು ಒಳಗೊಂಡಿರುತ್ತವೆ. ಆದರೆ ಇದು ಲಗತ್ತಿಸಲಾದ ಮತ್ತು ಪೂರ್ವಭಾವಿ ಇನ್‌ಪುಟ್‌ಗಳು ಮತ್ತು ಚೆಕ್‌ಬಾಕ್ಸ್‌ಗಳ ಪಟ್ಟಿಗಳಿಗೆ ಬೆಂಬಲದಂತಹ ಹಲವಾರು ಕಸ್ಟಮ್ ಘಟಕಗಳೊಂದಿಗೆ ಬರುತ್ತದೆ.

ಪ್ರತಿಯೊಂದು ರೀತಿಯ ಫಾರ್ಮ್ ನಿಯಂತ್ರಣಕ್ಕೆ ದೋಷ, ಎಚ್ಚರಿಕೆ ಮತ್ತು ಯಶಸ್ಸಿನಂತಹ ಸ್ಥಿತಿಗಳನ್ನು ಸೇರಿಸಲಾಗಿದೆ. ನಿಷ್ಕ್ರಿಯಗೊಳಿಸಲಾದ ನಿಯಂತ್ರಣಗಳಿಗಾಗಿ ಶೈಲಿಗಳನ್ನು ಸಹ ಸೇರಿಸಲಾಗಿದೆ.

v2.0 ಜೊತೆಗೆ, ಫಾರ್ಮ್ ಶೈಲಿಗಳಿಗಾಗಿ ನಾವು ಹಗುರವಾದ ಮತ್ತು ಚುರುಕಾದ ಡಿಫಾಲ್ಟ್‌ಗಳನ್ನು ಹೊಂದಿದ್ದೇವೆ. ಯಾವುದೇ ಹೆಚ್ಚುವರಿ ಮಾರ್ಕ್ಅಪ್ ಇಲ್ಲ, ಕೇವಲ ಫಾರ್ಮ್ ನಿಯಂತ್ರಣಗಳು.

ಡೀಫಾಲ್ಟ್ ವೆಬ್‌ಕಿಟ್ ಶೈಲಿಗಳನ್ನು ಪ್ರತಿಬಿಂಬಿಸುತ್ತದೆ .form-search, ಹೆಚ್ಚುವರಿ ದುಂಡಾದ ಹುಡುಕಾಟ ಕ್ಷೇತ್ರಗಳಿಗೆ ಸೇರಿಸಿ.

ಇನ್‌ಪುಟ್‌ಗಳನ್ನು ಪ್ರಾರಂಭಿಸಲು ಬ್ಲಾಕ್ ಮಟ್ಟವಾಗಿದೆ. .form-inlineಮತ್ತು .form-horizontal, ನಾವು ಇನ್ಲೈನ್-ಬ್ಲಾಕ್ ಅನ್ನು ಬಳಸುತ್ತೇವೆ .

ಏನು ಒಳಗೊಂಡಿದೆ

ನಾವು ಬೆಂಬಲಿಸುವ ಎಲ್ಲಾ ಡೀಫಾಲ್ಟ್ ಫಾರ್ಮ್ ನಿಯಂತ್ರಣಗಳನ್ನು ಎಡಭಾಗದಲ್ಲಿ ತೋರಿಸಲಾಗಿದೆ. ಬುಲೆಟ್ ಪಟ್ಟಿ ಇಲ್ಲಿದೆ:

• ಪಠ್ಯ ಇನ್‌ಪುಟ್‌ಗಳು (ಪಠ್ಯ, ಪಾಸ್‌ವರ್ಡ್, ಇಮೇಲ್, ಇತ್ಯಾದಿ)
• ಚೆಕ್ಬಾಕ್ಸ್
• ರೇಡಿಯೋ
• ಆಯ್ಕೆ ಮಾಡಿ
• ಬಹು ಆಯ್ಕೆ
• ಫೈಲ್ ಇನ್ಪುಟ್
• ಪಠ್ಯ ಪ್ರದೇಶ

v2.0 ನೊಂದಿಗೆ ಹೊಸ ಡೀಫಾಲ್ಟ್‌ಗಳು

v1.4 ವರೆಗೆ, ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್‌ನ ಡೀಫಾಲ್ಟ್ ಫಾರ್ಮ್ ಶೈಲಿಗಳು ಸಮತಲ ವಿನ್ಯಾಸವನ್ನು ಬಳಸುತ್ತವೆ. ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ 2 ನೊಂದಿಗೆ, ಯಾವುದೇ ಫಾರ್ಮ್‌ಗೆ ಚುರುಕಾದ, ಹೆಚ್ಚು ಸ್ಕೇಲೆಬಲ್ ಡಿಫಾಲ್ಟ್‌ಗಳನ್ನು ಹೊಂದಲು ನಾವು ಆ ನಿರ್ಬಂಧವನ್ನು ತೆಗೆದುಹಾಕಿದ್ದೇವೆ.

ಮರುವಿನ್ಯಾಸಗೊಳಿಸಲಾದ ಬ್ರೌಸರ್ ರಾಜ್ಯಗಳು

ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ಬ್ರೌಸರ್-ಬೆಂಬಲಿತ ಕೇಂದ್ರೀಕೃತ ಮತ್ತು disabledರಾಜ್ಯಗಳಿಗಾಗಿ ಶೈಲಿಗಳನ್ನು ಹೊಂದಿದೆ. ನಾವು ಡೀಫಾಲ್ಟ್ ವೆಬ್‌ಕಿಟ್ ಅನ್ನು ತೆಗೆದುಹಾಕುತ್ತೇವೆ ಮತ್ತು ಗಾಗಿ ಅದರ ಸ್ಥಳದಲ್ಲಿ outlineಅನ್ವಯಿಸುತ್ತೇವೆ .box-shadow:focus

ಫಾರ್ಮ್ ಮೌಲ್ಯೀಕರಣ

ಇದು ದೋಷಗಳು, ಎಚ್ಚರಿಕೆಗಳು ಮತ್ತು ಯಶಸ್ಸಿಗೆ ಮೌಲ್ಯೀಕರಣ ಶೈಲಿಗಳನ್ನು ಸಹ ಒಳಗೊಂಡಿದೆ. ಬಳಸಲು, ಸುತ್ತಮುತ್ತಲಿನ ದೋಷ ವರ್ಗವನ್ನು ಸೇರಿಸಿ .control-group.

<ಫೀಲ್ಡ್ಸೆಟ್
  ವರ್ಗ = "ನಿಯಂತ್ರಣ-ಗುಂಪು ದೋಷ" >
  …
</fieldset>

ಇನ್‌ಪುಟ್‌ಗಳನ್ನು ಪೂರ್ವಸಿದ್ಧತೆ ಮತ್ತು ಸೇರಿಸು

ಇನ್‌ಪುಟ್ ಗುಂಪುಗಳು-ಅನುಬಂಧಿತ ಅಥವಾ ಪೂರ್ವಭಾವಿ ಪಠ್ಯದೊಂದಿಗೆ-ನಿಮ್ಮ ಇನ್‌ಪುಟ್‌ಗಳಿಗೆ ಹೆಚ್ಚಿನ ಸಂದರ್ಭವನ್ನು ನೀಡಲು ಸುಲಭವಾದ ಮಾರ್ಗವನ್ನು ಒದಗಿಸುತ್ತದೆ. ಉತ್ತಮ ಉದಾಹರಣೆಗಳಲ್ಲಿ Twitter ಬಳಕೆದಾರಹೆಸರುಗಳಿಗಾಗಿ @ ಚಿಹ್ನೆ ಅಥವಾ ಹಣಕಾಸುಗಾಗಿ $ ಸೇರಿವೆ.

ಚೆಕ್ಬಾಕ್ಸ್ಗಳು ಮತ್ತು ರೇಡಿಯೋಗಳು

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 ಮೂಲೆಗಳಿಗೆ ಹಿನ್ನೆಲೆ ಗ್ರೇಡಿಯಂಟ್‌ಗಳನ್ನು ಕ್ರಾಪ್ ಮಾಡುವುದಿಲ್ಲವಾದ್ದರಿಂದ ನಾವು ದುಂಡಾದ ಮೂಲೆಗಳ ಪರವಾಗಿ ಎಲ್ಲಾ ಬಟನ್‌ಗಳಲ್ಲಿ ಗ್ರೇಡಿಯಂಟ್ ಅನ್ನು ಬಿಡುತ್ತೇವೆ.

ಸಂಬಂಧಿತ, IE9 ನಿಷ್ಕ್ರಿಯಗೊಳಿಸಿದ ಅಂಶಗಳನ್ನು jankifies, buttonಅಸಹ್ಯ ಪಠ್ಯ ನೆರಳು ಪಠ್ಯ ಬೂದು ರೆಂಡರಿಂಗ್-ದುರದೃಷ್ಟವಶಾತ್ ನಾವು ಇದನ್ನು ಸರಿಪಡಿಸಲು ಸಾಧ್ಯವಿಲ್ಲ.

ಸ್ಪ್ರೈಟ್ ಆಗಿ ನಿರ್ಮಿಸಲಾಗಿದೆ

ಪ್ರತಿ ಐಕಾನ್ ಅನ್ನು ಹೆಚ್ಚುವರಿ ವಿನಂತಿಯನ್ನಾಗಿ ಮಾಡುವ ಬದಲು, ನಾವು ಅವುಗಳನ್ನು ಸ್ಪ್ರೈಟ್ ಆಗಿ ಕಂಪೈಲ್ ಮಾಡಿದ್ದೇವೆ - ಚಿತ್ರಗಳನ್ನು ಇರಿಸಲು 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>ಟ್ಯಾಗ್ ಅನ್ನು ಹಾಕಬಹುದು, ನೀವು ಐಕಾನ್ ಅನ್ನು ಹಾಕಬಹುದು.

ರಿಫ್ರೆಶ್ ಮಾಡಿ ಚೆಕ್ಔಟ್ ಅಳಿಸಿ

ಕಾಮೆಂಟ್ ಮಾಡಿ ಸಂಯೋಜನೆಗಳು ಹೆಚ್ಚಿನ ಮಾಹಿತಿ