why does css, bootstrap code break sometime

There are two tabs (tab-one, tab-two) I am working on – one is visible, second is hidden. Sometimes code breaks between the bottom of tab-one and the top of tab-two – some portion of tab-two is visible, sometimes. Below is the actual code usually works properly <link href=”https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css” rel=”stylesheet”/> <div class=”tab-one”> <div class=”form-group reg-form-group-mar”> <div…

AJAX call works on JSP page, but not on its imports

So I have this ajax call: $.ajax({ url: ‘${pageContext.request.contextPath}/filial/select.json’, method: ‘GET’, success: function (json) { var itens=[]; for (var i = 0; i < json.length; i++) { itens.push(‘<input id= “idFilial’+json[i][0]+'” type = checkbox class=checkbox1 name = filiaisId value=”‘+json[i][0]+'”>’ +json[i][1]+”-“+ json[i][2] + ‘</input></br>’); } $(‘#idFilial’).html($(“<tbody/>”, {html:itens})); $(‘.filiaisId’).each(function(){ $( “#idFilial”+ $(this).attr(‘value’)).prop( “checked”, true); }); }, error: function…