因此，当查看Bulma文档（https://bulma.io/documentation/components/modal/）时，我使用了桌面和移动的的模态，但我遇到了一些格式问题。
在Bulma上，移动的视图不会在两侧添加任何间距，如下所示：

有没有人知道一个本地的方式来添加间距的模态布尔玛？我使用了px-4，效果很好，但它也在桌面上添加了填充，但我有以下模态结构：

<div id="mobile-profile-modal" class="modal">
    <div class="modal-background"></div>
    <div class="modal-card px-4">
        <header class="modal-card-head">
            <p class="modal-card-title"><?= $user->get_first_name(); ?></p>
            <button class="delete" aria-label="close"></button>
        </header>
        <section class="modal-card-body">
            <div class="container">
                <div class="columns is-centered">
                    <div class="column">
                        <button class="button is-fullwidth">Profile</button>
                        <button class="button is-fullwidth">Settings</button>
                    </div>
                </div>
            </div>
        </section>
        <footer class="modal-card-foot">
            <button class="button is-fullwidth is-primary">
                        <span class="icon">
                          <i class="fas fa-sign-out-alt"></i>
                        </span>
                <span>Logout</span>
            </button>
        </footer>
    </div>
</div>