Bootstrap क्या है
Bootstrap styles और components का एक ready-made collection है जो good-looking, responsive web pages जल्दी बनाता है।
In this page:
Bootstrap क्या है
Bootstrap responsive, mobile-first websites के लिए सबसे popular CSS framework है। यह आपको एक grid, typography, buttons, forms, navigation, cards, modals, और बाकी बहुत कुछ देता है, सब ordinary HTML पर class names से controlled। Version 5 को अब jQuery की ज़रूरत नहीं।
Note:
आप classes से style करते हैं, इसलिए common layouts के लिए आप rarely custom CSS लिखते हैं।
उदाहरण: What is Bootstrap
<!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">
<h1 class="text-primary">Hello, Bootstrap!</h1>
<p class="lead">Styled with a handful of classes.</p>
<button class="btn btn-success">A Bootstrap button</button>
</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. #}
आम गलतियां
- यह सोचना कि Bootstrap सिर्फ एक JavaScript library है
- उन चीज़ों के लिए custom CSS लिखना जो Bootstrap पहले से देता है
- Bootstrap 3 या 4 के class names को Bootstrap 5 में mix करना
चैप्टर सारांश
- Bootstrap एक CSS और JS component framework है
- Mobile-first और responsive
- Class names से controlled
- Version 5 में कोई jQuery dependency नहीं
🔒
Chapter Quiz — Complete all 7 topics to unlock
0/7 topics done
Complete these topics first: