如何修复Safari和Chrome 43中的css flexbox

Question

（英语不是我的母语，对不起）

我在Bootstrap 3上使用flexbox在我的列上放置相同的高度。 不幸的是，它似乎无法在Safari和Chrome 43 上正常工作这些浏览器的第二行自动

其他人在Safari 9.1（OSX）和Chrome 43（OSX）上都没有发布过关于此规范的问题。它适用于最新的Chrome版本。

我尝试添加所有前缀，但它似乎无法正常工作。

我该如何解决？

演示： Bootply

Safari 9.1（OSX）上的屏幕[错误]

Firefox上的屏幕截图[没有漏洞]

谢谢你＆lt; 3

编辑（2016年5月22日）

如果我改变了CSS中的flex，那么＆＃34;工作＆＃34;但它在任何浏览器上都不再尊重Bootstrap网格系统......

.row-flex-accueil, .row-flex-accueil > div[class*='col-'] {  
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;

        -webkit-box-flex: 1 1 23em; /* this */
            -webkit-flex: 1 1 23em; /* this */
                -ms-flex: 1 1 23em; /* this */
                    flex: 1 1 23em; /* this */

        -webkit-box-pack: center;

        -ms-flex-pack: center;

                justify-content: center;
        -webkit-justify-content: center;

        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
}

Safari（或任何浏览器）上的屏幕截图：1920 * 1200

Safari（或任何浏览器）上的屏幕截图：~1200 * 1200

由于23em处于弹性状态（如果我正确，它就像一个最小宽度），但我不知道如何改变它。 ..