Я использую Bootstrap 4 и несколько вложенных карт с вкладками и заголовками. У меня есть формы внутри этих карт. Я также использую Handlebars для чтения данных JSON и заполнения форм.
Когда я переключаюсь с жестко запрограммированных данных на использование рулей для заполнения форм, границы вокруг всех, кроме первой карты, исчезают.
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));
});
JSFiddle