Bootstrap List Grid by @Bladimir30 - Codewith.it

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

Referenze

<h1>Titolo di intestazione di primo livello
<p>Serve a definire paragrafi di testo
downloadConsente di scaricare file al click di collegamento ipertestuale.
autocompleteIndica l'opzione di auto completamento delle aree di input e/o di un form
<textarea>Area di testo libero espandibile per form HTML
<input>Definisce un area di input per l'invio di dati e informazioni

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Orario 5G A.S. 2024 - 2025

Un Giorno a Napoli: Itinerario Det

pagina America(2)

project-freecodecamp.org

Perch Oslo una Smart City 1

Il museo di Leonardo

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();