Bootstrap模态框点击按钮不弹出？已配正确属性仍无响应

我尝试使用Bootstrap为「取消发布/删除」按钮配置模态确认弹窗，已确认所有属性配置正确，但点击按钮完全没有响应。
我已完成前期排查：项目中不存在其他CSS冲突，下方附上我在VSCode中搜索fade、modal类名的结果，这类类名仅来自Bootstrap本身，以及我在EJS文件中的引用位置。
希望得到各位的帮助，我确定问题出在某个我遗漏或操作错误的简单细节上。

相关代码 #

触发按钮代码 #

<div class="row" id="owner-controls">
    <div class="col">
        <button type="button" class="btn btn-warning my-1" data-bs-toggle="modal" data-bs-target="#confirm-unpublish-modal">取消发布书籍</button>
    </div>
    <div class="col">
        <button type="button" class="btn btn-danger my-1" data-bs-toggle="modal" data-bs-target="#confirm-delete-modal">删除书籍</button>
    </div>
</div>

取消发布确认弹窗代码 #

<div class="modal fade" id="confirm-unpublish-modal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="confirm-unpublish-label" aria-hidden="true">
    <div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title" id="confirm-unpublish-label">取消发布书籍？</h5>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="关闭"></button>
        </div>
        <div class="modal-body">
            <p>取消发布后这本书将不再可供用户撰写评论，但现有评论会保留。该操作*可以*由「所有者」权限用户撤销。</p>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">关闭</button>
            <form action="/books/<%= currentBook.id %>/unpublish?method=PUT" class="unpublish-book" id="unpublish-book" method="post">
                <button class="btn btn-warning my-1">确认取消发布</button>
            </form>
        </div>
    </div>
    </div>
</div>

删除确认弹窗代码 #

<div class="modal fade" id="confirm-delete-modal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="confirm-delete-label" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title" id="confirm-delete-label">删除书籍？</h5>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="关闭"></button>
        </div>
        <div class="modal-body">
            <p>删除这本书后，所有关联的用户评论都会被永久移除，且无法再为这本书新增评论。该操作*无法*撤销。</p>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">关闭</button>
            <form action="/books/<%= currentBook.id %>/unpublish?method=DELETE" class="delete-book" id="delete-book"  method="post">
                <button class="btn btn-danger my-1">确认删除</button>
            </form>
        </div>
        </div>
    </div>
</div>

排查截图说明 #

• 「fade」类名VSCode搜索结果
• 「modal」类名VSCode搜索结果

内容的提问来源于stack exchange，提问作者R Greenstreet