如何在导航栏上放置按钮,而不是在折叠上

问题描述 投票:-1回答:1

请,我需要红色框中的按钮,而不是绿色框中的按钮,谢谢

图像网址:https://imgur.com/gallery/NhelOqP

<div class="container-fluid navbar navbar-expand-lg navbar-light bg-light">

这是最外层

<div class="row col-12 col-sm-12 col-md-12 col-lg-12 p-0">
          <div class="col-6 col-sm-7 col-md-9 col-lg-2">

我在这里有一个按钮

<a class="navbar-brand" href="#"> gg3b0</a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
              <span class="navbar-toggler-icon"></span>
            </button>

以下div包装ul

<div class="collapse navbar-collapse col-lg-8 justify-content-center" id="navbarNav">
<ul class="navbar-nav">
              <li class="nav-item">
                <a class="nav-link" href="#">Home</a>
              </li>

最后一个div包裹照片的红色框

<div class="nav col-6 col-sm-5 col-md-3 col-lg-2 justify-content-end">
            <button type="button" name="button">
              <img src="./assets/img/logo.png" width="40" height="40" alt="">
            </button>
            <button type="button" name="button">
              <img src="./assets/img/user.png" width="40" height="40" alt="">
            </button>
          </div>

        </div>
html button bootstrap-4 navbar collapse
1个回答
0
投票
我认为这是您正在尝试实现的目标
© www.soinside.com 2019 - 2024. All rights reserved.