Question

基本上，我有一个模式，用于在移动设备上显示搜索过滤器。我的问题是，当模式打开时，出现“保存”按钮，并使按钮固定在底部。

由于模态使用的是位置：固定，因此使用的位置：固定在保存容器上将无效。

我在这两个容器上都包裹了一个容器，并且定位正常，但是当模式消失时，我无法使保存按钮消失。

所以当Modal作为“ Show”类时，我想将保存容器从“ d-none”更改为“ d-block”

下面的标记

<div class="modal-container">

<!-- MODAL -->
    <div class="modal fade modal-filters--container" id="FiltersModalID" tabindex="-1" role="dialog" aria-labelledby="FiltersModal" aria-hidden="true">
        <div class="modal-dialog modal-filters--inner-container" role="document">
            <div class="modal-content modal-filters--content">
                <div class="modal-header">
                    <header><h4 class="text-center" id="FiltersModal">Filters</h4></header>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
Filters here
                </div>

            </div>
        </div>
    </div>

<!-- MODAL FOOTER -->
    <div class="modal-footer sticky-bottom d-none">
        <button type="button" class="btn btn-primary">Save changes</button>
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
    </div>

</div>

任何建议或想法都很好。

谢谢！

丹

当另一个div设置为显示块时添加类

0 个答案: