如何使用JS创建并行Bootstrap列？

<div id="container" class="container"></div>

var container = document.getElementById("container");

// 创建第一个列元素
var col1 = document.createElement("div");
col1.className = "col col-md-6";
container.appendChild(col1);

// 创建第二个列元素
var col2 = document.createElement("div");
col2.className = "col col-md-6";
container.appendChild(col2);

// 在第一个列元素中添加内容
col1.innerHTML = "<h3>Column 1</h3><p>This is the content of column 1.</p>";

// 在第二个列元素中添加内容
var heading = document.createElement("h3");
heading.textContent = "Column 2";

var paragraph = document.createElement("p");
paragraph.textContent = "This is the content of column 2.";

col2.appendChild(heading);
col2.appendChild(paragraph);

<script>
  // 在这里放置JS代码
</script>