Page 222 - CITS - CSA - TP (Volume 1) - Hindi
P. 222
कंप्यूटर सॉफ्टवेयर एप्लीकेशन- CITS
<script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js”></script>
<script src=”https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js”></script>
<script src=”https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js”></script>
</head>
<body>
<div class=”container”>
<!-- Component with default styling -->
<div class=”custom-component”>
Default Component Styling
</div>
<!-- Component with styling for extra small screens -->
<div class=”custom-component bg-warning d-block d-sm-none”>
Extra Small Screen Component Styling
</div>
<!-- Component with styling for small screens -->
<div class=”custom-component bg-danger d-none d-sm-block d-md-none”>
Small Screen Component Styling
</div>
<!-- Component with styling for medium screens -->
<div class=”custom-component bg-success d-none d-md-block d-lg-none”>
Medium Screen Component Styling
</div>
<!-- Component with styling for large screens -->
<div class=”custom-component bg-info d-none d-lg-block d-xl-none”>
Large Screen Component Styling
</div>
<!-- Component with styling for extra large screens -->
<div class=”custom-component bg-secondary d-none d-xl-block”>
Extra Large Screen Component Styling
</div>
</div>
</body>
</html>
3 ो ाम को .html फ़ाइल के प म सेव कर
4 वेब ाउज़र से html फ़ाइल ओपन कर
5 ीन का साइज बदल और आउटपुट वेरीफाई कर ।
206
CITS : IT & ITES - क ं ूटर सॉ वेयर ए ीक े शन - अ ास 49
