Lead Text क्या है
lead class एक introductory paragraph को बाकी से अलग दिखाता है।
In this page:
Syntax
<p class="lead">Intro paragraph text.</p>Lead Text
एक paragraph में .lead add करना इसका font size बढ़ाता है और weight हल्का करता है। यह typically एक heading के बाद पहले paragraph के लिए इस्तेमाल होता है। दूसरे size steps के लिए .fs-* classes इस्तेमाल करें।
Note:
fs-1 से fs-6 heading tags से independently font sizes set करते हैं।
उदाहरण: Lead text
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body class="p-3">
<div class="container">
<h2>Article title</h2>
<p class="lead">This lead paragraph introduces the article and stands out.</p>
<p>Normal body text follows here with regular size.</p>
<p class="fs-2">fs-2 sized text</p>
</div>
</body>
</html>Live Example
Related Topics
{# common_mistakes/chapter_summary/browser_support: on Hindi pages the
view already swaps in the hi_ translation fields (or blanks these
out if untranslated), so this renders correctly for both languages
without a lang_code check here. #}
आम गलतियां
- हर paragraph पर lead इस्तेमाल करना
- lead को display से confuse करना
- इसकी बजाय inline font-size इस्तेमाल करना
चैप्टर सारांश
- .lead intro text highlight करता है
- बड़ा और lighter
- प्रति section एक बार इस्तेमाल करें
- .fs-* sizes set करता है
🔒
Chapter Quiz — Complete all 7 topics to unlock
0/7 topics done
Complete these topics first: