make 2xn grid in bootstrap in javascript

<div id="grid-container" class="container"></div>
50 chars
2 lines

index.tsx
// get the container element
const container = document.getElementById("grid-container");

// set the number of columns you want to create
const numCols = 2;

// set the number of rows based on the number of items you want to display
const numRows = Math.ceil(items.length / numCols);

// loop through each row and column to create and append the necessary elements
for (let i = 0; i < numRows; i++) {
  // create a new row element
  const row = document.createElement("div");
  row.classList.add("row");

  // loop through each column in the row
  for (let j = 0; j < numCols; j++) {
    // determine the index of the item to display in this column
    const index = i * numCols + j;

    // create a new column element
    const col = document.createElement("div");
    col.classList.add("col");

    // check if there is an item to display in this column
    if (index < items.length) {
      // create a new item element
      const item = document.createElement("div");
      item.classList.add("item");
      item.innerHTML = items[index];

      // append the item to the column
      col.appendChild(item);
    }

    // append the column to the row
    row.appendChild(col);
  }

  // append the row to the container
  container.appendChild(row);
}
1258 chars
43 lines