Javascript 过滤功能后校准卡片

我正在使用javascript在我的卡片之间进行过滤。它工作正常，只是我无法将过滤后的卡与左上角对齐。它保持在原来的列中（以及同一行中的Sametime）。下面是一个例子： 这就是我想要的：

我的代码：

    function myFunction() {
      var input, filter, cards, cardContainer, title, i;
      input = document.getElementById("myFilter");
      filter = input.value.toUpperCase();
      cardContainer = document.getElementById("myItems");
      cards = cardContainer.getElementsByClassName("card");

      for (i = 0; i < cards.length; i++) {
        title = cards[i].querySelector(".card-body h4.card-category");
        if (title.innerText.toUpperCase().indexOf(filter) > -1) {
          cards[i].style.display = "";

        } else {
          cards[i].style.display = "none";

        }
      }
    }

函数myFunction（）{
var输入、过滤器、卡片、卡片容器、标题、i；
输入=document.getElementById（“myFilter”）；
filter=input.value.toUpperCase（）；
cardContainer=document.getElementById（“myItems”）；
cards=cardContainer.getElementsByClassName（“卡”）；
对于（i=0；i-1）{
卡片[i].style.display=“”；
}否则{
卡片[i].style.display=“无”；
}
}
}

刚刚想好了。问题在于这一行：

cards=cardContainer.getElementsByClassName（“卡”）

我把它改成了

cards = cardContainer.getElementsByClassName("col-md-4");

因为我的card类在col-md-4类中，无法设置其显示属性。
你需要css而不是带有css的javascriptfilter？你的主标题说Alignin cards AFTER filter意味着你想要正确的定位，这与js有什么关系？我想我应该在js中设置它。你好，克里斯托夫，欢迎加入：）通常，正如Eugen所指出的，html元素的外观和位置是css的功能，而不是js。是的，元素的绘制可能基于某些条件（javascript），但它仍然是您的css类、方向（rtl、ltr）层。。该控件将如何在页面中再次呈现html元素，在您的情况下，解决方案不是在js中，祝您好运