添加多个元素时，元素不会向左对齐。 第一个元素是徽标图片，该图片必须正确地向左对齐，我需要第二个元素是品牌名称，位于徽标旁边，但是它位于导航栏的右侧。我尝试了justify-content-end和float-left无效。

这是html：

<nav class="navbar  navabr-expand-sm navbar-light bg-dark ">
    <div class="navbar-brand ">
        <a href="bootstrap.html">
            <img id="logo" src="logo.jpg" alt="logo" >
        </a>
    </div>
    <div class=" navbar-brand  ">
        <a href="bootstrap.html" >
            <h1>David Chu's China Bistro</h1>
        </a>
</nav>