Page 236 - CITS - CSA - TP (Volume 1) - Hindi
P. 236

कंप्यूटर सॉफ्टवेयर एप्लीकेशन- CITS




              <title>Bootstrap v5 Shadow and Visibility Example</title>

              <link href=”https://cdn.jsdelivr.net/npm/bootstrap@5.3.0alpha1/dist/css/bootstrap.min.css” rel=”stylesheet”>

              </head>

              <body>
              <div class=”container mt-5”>

              <h2>Shadow Example</h2>

              <div class=”row”>

              <div class=”col-md-4”>
              <div class=”p-3 mb-3 bg-white shadow-none”>No Shadow</div>

              </div>

              <div class=”col-md-4”>
              <div class=”p-3 mb-3 bg-white shadow-sm”>Small Shadow</div>

              </div>

              <div class=”col-md-4”>
              <div class=”p-3 mb-3 bg-white shadow”>Default Shadow</div>

              </div>

              <div class=”col-md-4”>
              <div class=”p-3 mb-3 bg-white shadow-lg”>Large Shadow</div>

              </div>

              <div class=”col-md-4”>

              <div class=”p-3 mb-3 bg-white shadow-2xl”>Extra Large Shadow</div>
              </div>

              </div>

              <h2>Visibility Example</h2>

              <div class=”row”>
              <div class=”col-md-6”>

              <div class=”p-3 mb-3 bg-primary text-white visible”>Visible Element</div>

              </div>
              <div class=”col-md-6”>

              <div class=”p-3 mb-3 bg-secondary invisible”>Invisible Element</div>

              </div>





                                                           220

                                     CITS : IT & ITES - कं  ूटर सॉ वेयर ए ीके शन - अ ास 49
   231   232   233   234   235   236   237   238   239   240   241