Html 如何将navbar品牌放在左边，汉堡放在右边？

如何将navbar品牌放在左侧，将汉堡包图标放在右侧？我尝试在css中浮动，但不起作用。。也许是因为我在代码上标记的那行。照片中说明了我想要实现的目标

---

使用

在

之间调整内容；还有更多

...
...
...

添加

伸缩方向：行反向至
.navbar
。无需浮动它们。
您可以使用此引导4导航栏片段
或者使用
float left
和
float right
bootstrap类
也发布CSS。@justDan他正在使用bootstrap。没有CSSyes抱歉我没有说我在使用boostrap 4（）看看这个你也可以使用bootstrapthats提供的
float left
和
float right
类谢谢，只有一个问题，我如何在dekstop的正常视图中使所有内容都位于页面的中心？如果您希望使导航栏项目居中，则将以下设置应用于ul的导航栏导航类，并从ul中删除ml自动类<代码>位置：相对；左：50%；右：50%；转化：translateX（-50%）
  <nav class="navbar sticky-top navbar-expand-sm navbar-light">
    <div class="row mx-auto">
        <a class="navbar-brand" href="home.html">
            <img src="Images/logo.png" width="65" height="50">
        </a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup"
            aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
            <div class="navbar-nav">
                <a class="nav-item nav-link active" href="home.html">Почетна<span
                        class="sr-only">(current)</span></a>
                <a class="nav-item nav-link" href="#">Информации</a>
                <a class="nav-item nav-link" href="#">Контакт</a>
            </div>
        </div>
    </div>
</nav>

<nav class="... d-flex justify-content-between">
    <!-- Your brand & content ||   [*****] link link link  -->
    <div class="...">
            <div class="brand-logo">...</div>
            <div class="hyperlinks">...</div>
    </div>
    <!-- Your menu -->
    <div class="menu">...</div>
</nav>