导航栏项目底部与徽标对齐

Question

我创建了一个导航并将徽标放在左上角，因为徽标尺寸更大，所有导航项目现在都放在左上角，我可以知道如何将它们移动到底部/中心吗？ 这是导航条码

<div class="full-width">
    <nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light bg-white border-bottom box-shadow mb-3 align-items-start">

        <img src="~/resources/images/projectLogo.jpg" alt="St Mary School" style="margin: 10px 10px 10px 10px">

        <a class="navbar-brand" asp-area="" asp-controller="Home" asp-action="Index" style="align-self:flex-end">Lesson School Project</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".navbar-collapse" aria-controls="navbarSupportedContent"
                aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="navbar-collapse collapse d-sm-inline-flex flex-sm-row-reverse">
            <ul class="navbar-nav flex-grow-1" >
                <li class="nav-item" >
                    <a class="nav-link text-dark" asp-area="" asp-controller="Main" asp-action="Index" >Lesson Search</a>
                </li>                
                <li class="nav-item">
                    <a class="nav-link text-dark" asp-area="" asp-controller="Main" asp-action="PureChart">Result Chart</a>
                </li>
            </ul>
        </div>    
    </nav>
</div>

感谢您的帮助

Answer 1

将导航标签中的align-items-start 替换为align-items-center。