Bootstrap Navbar 2行，其链接在底部对齐

Question

我正在尝试设置具有以下结构的导航栏：

---

|徽标联系人| | ---------------------------------------- | |主页关于博客|

---

无论如何，我都在尽力让链接位于底部，但这些链接只是附加在最右边。

Current Header

这是我当前的代码：

<nav class="navbar navbar-dark bg-dark navbar-expand-md ">
        <div class="container-fluid">
            <a class="navbar-brand col-sm-1" href="/">Logo</a>
            <div class="d-flex flex-column flex-wrap">
                <button class="btn btn-outline-success">Contact</button>
                <ul class="navbar-nav mb-auto mt-0 ml-auto">
                    <li>
                        <a href="#">Home</a>
                    </li>
                    <li>
                        <a href="#">About</a>
                    </li>
                    <li>
                        <a href="#">Blog</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>