html - 如何将 navbar-brand 放在左边,将 hamburger 放在右边?

标签 html css

如何将导航栏品牌放在左侧,将汉堡包图标放在右侧?我尝试在我的 css 中 float ,但它不起作用.. 可能是因为我在代码上标记的行。照片中解释了我想要实现的目标。 Explained

  <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>

最佳答案

您可以使用这个 bootstrap 4 导航栏片段 https://startbootstrap.com/snippets/navbar-logo/ 或者使用 float-leftfloat-right 引导类

关于html - 如何将 navbar-brand 放在左边,将 hamburger 放在右边?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55064781/

相关文章:

javascript - 本地存储保存多个相同项目

html - 将动画社交媒体图标的笔改编成产品

CSS固定位置字体变化

jquery - 如何旋转 HTML5 Canvas 的背景图像并使用 slider 放大和缩小?

css - 使用 CSS flex 拆分视口(viewport)的最佳实践

javascript - 如何在 Angular 中使用复选框作为选项的下拉菜单?

javascript - 如何将切换 slider 内容的顶部滚动到视口(viewport)中心?

javascript - qTip 在每个之后更改特定工具提示的文本

html - 在 HTML 中使用 <bgsound> 标签

html - 为轻松定制 CSS 而设计 HTML 的指南