Page 221 - CITS - CSA - TP (Volume 1) - Hindi
P. 221
कंप्यूटर सॉफ्टवेयर एप्लीकेशन- CITS
अ ास 49: बूट ैप ाइिलंग की अिनवाय ताओं जैसे क ोन ट, लेआउट और ि ड िस म के िलए
ेकपॉइंट का दश न करना। टाइपो ाफी, ोट्स, े , अलाइनम ट, बॉड र, एिलम ट
की थित, शैडो और िविजिबिलटी पर अ ास करना (Demonstrate on Bootstrap
Styling essentials like Breakpoints for components, layouts and grid systems.
Practice on typography, floats, flex, alignment, borders, position of elements,
shadow and visibility)
उ े
इस अ ास के अंत म आप यह कर सक गे
• HTML म बूट ैप ेक पॉइंट घटकों, लेआउट और ि ड िस म का उपयोग कर
• HTML म बूट ैप टाइपो ाफी, ोट्स, े और अलाइनम ट का उपयोग कर
• HTML म बूट ैप बॉड र, एिलम ट की थित और शैडो और िविजिबिलटी का उपयोग कर ।
आव कताएं (Requirements)
औज़ार/साम ी (Tools/Materials)
• लेटे कॉ फ़गरेशन के साथ डे टॉप/लैपटॉप
• वेब ाउज़र
• इंटरनेट कने न
ि या (Procedure)
टा 1: क ोन ट पर ेकपॉइंट अ ाई कर
1 टे एिडटर ओपन कर
2 िन िल खत कोड िलख
<html lang=”en”>
<head>
<meta charset=”UTF-8”>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0”>
<title>Bootstrap Breakpoints</title>
<!-- Bootstrap CSS -->
<link href=https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css rel=”stylesheet”>
<style>
/* Additional custom styles */
.custom-component {
background-color: lightblue;
padding: 20px;
margin-bottom: 20px;
}
</style>
<!-- Bootstrap JS (optional) -->
205
