Bootstrap List Grid by @Bladimir30 - Codewith.it

#main, .loader-cont { display: none; } JavaScript disabilitato.
Non puoi usare Codewith.it senza JavaScript.

Referenze

mediaSpecifica a quale dispositivo/display/documento è ottimizzata una risorsa.
<object>Incorpora risorse varie nella pagina web.
styleDefinisce regole e stili CSS all'interno di un tag HTML (inline CSS)
<address> Definisce una sezione contenente indirizzi, contatti e informazioni
animationDefinisce i parametri dell'animazione di un elemento o selettore
disabledImpedisce la modifica di un input

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Livia e la Foresta Incantata

Il museo di Leonardo

esercitazione6.html

tabella ricetta esame

hate this project

HTML

CSS

JS

terminal console

feedback

add_box Nuovo

cookie Informativa

Informativa privacy e cookies

Utilizziamo cookie o tecnologie per finalità tecniche e, con il tuo consenso, anche per altre finalità come specificato nella cookie policy. Il rifiuto del consenso può rendere non disponibili alcune funzioni. Leggi di più sull'informativa privacy

Clicca su “Accetta” per acconsentire.

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Bootstrap List Grid</title>
  <!-- Include Bootstrap CSS -->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
  <link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>

  <div class="container mt-5">
    <div class="row">
      <!-- List Item 1 -->
      <div class="col-md-4 mb-4">
        <div class="card">
          <div class="card-body">
            <h5 class="card-title">Array: Length</h5>
            <p class="card-text">This is the description for item 1. You can add more details here.</p>
          </div>
        </div>
      </div>

      <!-- List Item 2 -->
      <div class="col-md-4 mb-4">
        <div class="card">
          <div class="card-body">
            <h5 class="card-title">Array: For-Loop</h5>
            <p class="card-text">This is the description for item 2. Add more information as needed.</p>
          </div>
        </div>
      </div>

      <!-- List Item 3 -->
      <div class="col-md-4 mb-4">
        <div class="card">
          <div class="card-body">
            <h5 class="card-title">Array: For-Each</h5>
            <p class="card-text">Here is the description for item 3. You can modify this as required.</p>
          </div>
        </div>
      </div>

      <!-- List Item 4 -->
      <div class="col-md-4 mb-4">
        <div class="card">
          <div class="card-body">
            <h5 class="card-title">Array: For-In</h5>
            <p class="card-text">Here is the description for item 5. You can add more text here.</p>
          </div>
        </div>
      </div>


      <!-- List Item 5 -->
      <div class="col-md-4 mb-4">
        <div class="card">
          <div class="card-body">
            <h5 class="card-title">Array: Concat</h5>
            <p class="card-text">
            <p class="card-text">Here is the description for item 5. You can add more text here.</p>
            </p>
          </div>
        </div>
      </div>

      <!-- List Item 6 -->
      <div class="col-md-4 mb-4">
        <div class="card">
          <div class="card-body">
            <h5 class="card-title">Array: Join</h5>
            <p class="card-text">
            <p class="card-text">Here is the description for item 6. You can add more text here.</p>
            </p>
          </div>
        </div>
      </div>


      <!-- Include Bootstrap JS (optional) -->
      <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
      <script src="script.js"></script>
</body>

</html>

html {
  height: 100%;
  width: 100%;
}

var context = document.querySelectorAll("p.card-text");

var artistNames;
var artistLength;


function displayArtistLength() {


}
displayArtistLength();


function displayArtistForLoop() {


}
displayArtistForLoop();



function displayArtistForEach() {


}
displayArtistForEach();


// 4
function displayArtistForIn() {


}
displayArtistForIn();



function displayArtistConcat() {


}
displayArtistConcat();




function displayArtistJoin() {




}
displayArtistJoin();