I am utilizing Bootstrap 4 with nested cards containing tabs and headers, which also house forms. Additionally, I am using Handlebars to retrieve JSON data and fill in the form fields.
However, upon transitioning from hardcoded data to using Handlebars for form population, I noticed that the borders around all cards except the first one disappear.
Handlebars.registerHelper("incIndex",function(property){
var index = property + 1;
str = index.toString();
return str;
});
$(function() {
let template = Handlebars.compile($("#deliveries-template1").html());
let data = [{
"name": "Acme",
"city": "Seattle",
"reference": "1905421",
"units": "5",
}, {
"name": "CostLess",
"city": "Redmond",
"reference": "2105413",
"units": "1",
},{
"name": "FastRepair",
"city": "Lynden",
"reference": "1994512",
"units": "12",
}];
$('#delCard1').html(template(data));
});