css - Bootstrap pull-right 在 Safari 的卡头中不起作用，但在 Chrome 中起作用

Question

Safari 上的卡片

Chrome 上的卡片

下面是我的代码。我在卡片标题中添加了 pull-right 类。它适用于 Chrome，但不适用于 Safari。有人知道原因或有解决办法吗？非常感谢！

        <div id='assigned-list' class="row">
            @foreach ($cardsAssignedToCurrentUser as $cardManager)
            <div class="card assigned border-primary mt-2 mr-2 col-sm-3">
                <div class="card-header">
                    <a href="#" class="card-link pull-right moveBtn">Unassign</a>
                </div>
                <div class="card-body unassigned">
                    <h6 class="card-text mb-2 text-muted">Last Four Numbers</h6>
                    <p class="card-number">{{ $cardManager->card->last_four_digits }}</p>

                    <h6 class="card-text mb-2 text-muted">First Name / Last Name</h6>
                    <p class="card-text">
                        @if (strlen($cardManager->card->first_name) > 0)
                        {{ $cardManager->card->first_name }} @else None @endif
                        /
                        @if (strlen($cardManager->card->last_name) > 0)
                        {{ $cardManager->card->last_name }} @else None @endif
                    </p>
                    <input type="hidden" value="{{ $cardManager->card->id }}" />
                </div>
            </div>

            @endforeach
        </div>

标签： cssgoogle-chromebootstrap-4safaribootstrap-cards