Javascript 以不同分辨率居中放置容器div

我正在使用bootstraper和同位素js构建投资组合网站。我有container div。在桌面浏览器上，视图container在一行中包含3个div，看起来都很好，但是当分辨率改变并且每行的div数减少不到两个时-在这种情况下，div没有居中

<div id="container" class="clearfix isotope" style="position: relative; overflow: hidden; height: 680px;">
    <div class="element item col-md-4 isotope-item" style="position: absolute; left: 0px; top: 0px; -webkit-transform: translate(0px, 0px) scale(1, 1); opacity: 1;">
        <div class="view view-first">
            //content
        </div>
    </div>

    <div class="element item col-md-4 isotope-item" style="position: absolute; left: 0px; top: 0px; -webkit-transform: translate(320px, 0px) scale(1, 1); opacity: 1;">
        <div class="view view-first">
            //content
        </div>
    </div>

    <div class="element item col-md-4 isotope-item" style="position: absolute; left: 0px; top: 0px; -webkit-transform: translate(640px, 0px) scale(1, 1); opacity: 1;">
        <div class="view view-first">
            //content
        </div>
    </div>

    <div class="element item col-md-4 isotope-item" style="position: absolute; left: 0px; top: 0px; -webkit-transform: translate(0px, 340px) scale(1, 1); opacity: 1;">
        <div class="view view-first">
            //content
        </div>
    </div>
</div>

---

如何解决这个问题？

事实上，您的代码没有按照问题中的方式运行或格式不正确。在第二个位置是否有错误的结束标记：绝对；+反应性==头痛为不同的解决方案而头痛这种反应性头痛要好得多@Yashhy Ops。。打字错误。。h类。谢谢你的提示。

<div class="col-6 col-sm-6 col-lg-4">