时间戳

首页 > 解决方案 > 移动导航栏对象

html - 移动导航栏对象

问题描述

您好，我想将我的登录和注册按钮移到右侧，但不能，这让我发疯了！

<link href="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha2/css/bootstrap.min.css" rel="stylesheet"/>

<nav id="mainNavbar" class="navbar navbar-dark navbar-expand-md py-0 pr-0 fixed-top">
    <a href="#" class="navbar-brand"></a>
    <button class="navbar-toggler" data-toggle="collapse" data-target="#navLinks" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navLinks">
      <ul class="navbar-nav" id="navbarIt">
        <li class="nav-item">
          <a href="" class="nav-link">HOME</a>
        </li>
        <li class="nav-item">
          <a href="" class="nav-link">ABOUT</a>
        </li>
        <li class="nav-item">
          <a href="" class="nav-link">SHOP</a>
        </li>
      </ul>
      <img src="https://imgur.com/DPTdSkH.png" alt="" class="rotate penguin d-none d-lg-inline">
      <div class="d-flex flex-row-reverse">
        <button type=" button me-2" id="login" class="btn btn-outline-info mr-2 nav-link pt-0 mt-2 mb-2">Login</button>
        <button type="button me-2" id="register"
          class="btn btn-outline-success mr-2 nav-link pt-0 mt-2 mb-2">Register</button>
      </div>
    </div>
  </nav>

标签： htmlcssbootstrap-5

解决方案

推荐阅读