【导航栏没有居右，下拉菜单也没居中。】

导航栏没有居右，下拉菜单也没居中。

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(1)

详细描述

截图

代码

<nav class="navbar navbar-expand-md bg-green navbar-dark">
      <a class="navbar-brand" href="#">修真院</a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
        aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav float-right">
          <li class="nav-item active ">
            <a class="nav-link" href="#">首页</a>
          </li>
          <li class="nav-item active">
            <a class="nav-link" href="#">职业</a>
          </li>
          <li class="nav-item active">
            <a class="nav-link " href="#"> 推荐 </a>
          </li>
          <li class="nav-item active">
            <a class="nav-link" href="#">关于</a>
          </li>
        </ul>
      </div>
    </nav>

编辑于2025-04-08

时间排序

热门排序

[上海|荣耀师兄]JS-周能
0

导航栏在md以上的屏幕下是靠右边的，可以在父元素设置一个text-align:right;来使导航栏靠右，在md以下的屏幕下导航栏是折叠，当展开导航栏的时候是居中的，这个时候可以在父元素使用媒体查询来设置在md以下的屏幕text-align:center；来实现居中，这样可以达成需要的效果，不会再出现图片上那样一直靠右了查看全部>

编辑于2018-09-14

去第页