html-Bootstrap - 无法将搜索表单移动到页面中心

我有一个只有两个组件的页面 - 一个菜单和一个搜索表单。即使根据 Bootstrap 文档，我也无法将搜索表单置于页面中心，我应该可以通过添加align-items-center到行来做到这一点。我很确定我做错了什么。我是引导程序和 CSS 的新手 :( ...

页面在浏览器中的截图

<div class="container searchcontainer">

    <div class="row align-items-center">

        <div class="col">

            <form class="searchform d-flex" role="search">

                <input class="form-control me-2" type="search" placeholder="Search A Word Pattern" aria-label="Search">

                <button class="btn SearchButton" type="submit">Search</button>

            </form> 

        </div>

    </div>

TIA 寻求帮助！