如何遍历javascript中的内容数据并在引导网格列中显示？

var data = [
  { name: 'John', age: 25, city: 'New York' },
  { name: 'Jane', age: 30, city: 'London' },
  { name: 'Bob', age: 35, city: 'Paris' }
];

<div class="container">
  <div class="row" id="grid">
    <!-- 数据将在这里显示 -->
  </div>
</div>

var grid = document.getElementById('grid');

data.forEach(function(item) {
  var column = document.createElement('div');
  column.className = 'col';
  column.innerHTML = '<p>Name: ' + item.name + '</p>' +
                     '<p>Age: ' + item.age + '</p>' +
                     '<p>City: ' + item.city + '</p>';
  grid.appendChild(column);
});