Bootstrap v4 - Safari 10中的beta3 flex损坏

Question

我的网站在Safari 10中被破坏了。

看来没有为子元素设置高度？感谢任何帮助。

它在Safari 11上运行时出现的safari错误已在新版本中修复。

我正在研究，但没有找到任何类似的东西，很难测试，因为我只有1个移动软件，并且无法在那里运行开发工具:(

使用一些新信息删除版本：

http://html.webotvorba.sk/ph/cards.html

当我使用默认卡组件时，它正在运行，但当我将其更改为我的自定义flex: 0 1 25%;时，它已被破坏

<div class="card-wrapper w-100">
    <div class="card-deck">
        <div class="card">
            <span class="badge badge-discount">Discount</span>                                <a href="en/8-building-volume/bedlam-p16" class="text-center">
            <img class="card-img-top" src="./uploads/files/thumbs/bedlam.jpg" alt="Bedlam">
        </a>
            <div class="card-body">
                <h4 class="card-title">
                    <a href="en/8-building-volume/bedlam-p16">Bedlam</a>
                    <span class="d-block">Underground Pharma</span>
                </h4>
                <p class="card-text">
                    Component Max LMG


                </p>
                <p class="card-text price">
                    <span class="old-price">98.99€</span>
                    <span class="new-price">74.99€</span>
                </p>
            </div>
            <div class="card-footer">
                <a href="en/8-building-volume/bedlam-p16" class="btn btn-primary btn-block">Detail</a>
            </div>
        </div>
        <!-- /.card-col-md-3 -->
        <div class="card">
            <span class="badge badge-new">New</span>                                <a href="en/8-building-volume/evoke-p74" class="text-center">
            <img class="card-img-top" src="./uploads/files/thumbs/evoke.jpg" alt="EVOKE">
        </a>
            <div class="card-body">
                <h4 class="card-title">
                    <a href="en/8-building-volume/evoke-p74">EVOKE</a>
                    <span class="d-block">Warrior Labs</span>
                </h4>
                <p class="card-text">
                    Increases TST production for maximum
                </p>
                <p class="card-text price">
                    <span class="old-price">84.99€</span>
                    <span class="new-price">74.99€</span>
                </p>
            </div>
            <div class="card-footer">
                <a href="en/8-building-volume/evoke-p74" class="btn btn-primary btn-block">Detail</a>
            </div>
        </div>
        <!-- /.card-col-md-3 -->
        <div class="card">
            <span class="badge badge-discount">Discount</span>                                <a href="en/8-building-volume/hydra-p20" class="text-center">
            <img class="card-img-top" src="./uploads/files/thumbs/hydra.jpg" alt="Hydra">
        </a>
            <div class="card-body">
                <h4 class="card-title">
                    <a href="en/8-building-volume/hydra-p20">Hydra</a>
                    <span class="d-block">Underground Pharma</span>
                </h4>
                <p class="card-text">
                    Suitable for beginners


                </p>
                <p class="card-text price">
                    <span class="old-price">70.99€</span>
                    <span class="new-price">58.99€</span>
                </p>
            </div>
            <div class="card-footer">
                <a href="en/8-building-volume/hydra-p20" class="btn btn-primary btn-block">Detail</a>
            </div>
        </div>
        <!-- /.card-col-md-3 -->
        <div class="card">
            <span class="badge badge-discount">Discount</span>                                <a href="en/8-building-volume/metha-quad-p7" class="text-center">
            <img class="card-img-top" src="./uploads/files/thumbs/metha%20quad.jpg" alt="METHA-QUAD">
        </a>
            <div class="card-body">
                <h4 class="card-title">
                    <a href="en/8-building-volume/metha-quad-p7">METHA-QUAD</a>
                    <span class="d-block">Blackstone Labs</span>
                </h4>
                <p class="card-text">
                    Improvement in muscle density and vascularity


                </p>
                <p class="card-text price">
                    <span class="old-price">119.99€</span>
                    <span class="new-price">88.99€</span>
                </p>
            </div>
            <div class="card-footer">
                <a href="en/8-building-volume/metha-quad-p7" class="btn btn-primary btn-block">Detail</a>
            </div>
        </div>
        <!-- /.card-col-md-3 -->
        <div class="w-100"></div>
    </div>
    <!-- /.card-deck -->
</div>