Bootstrap 4 导航栏即使在切换时也能保持部分正确 [英] Bootstrap 4 Navbar keep section on right even when toggled
问题描述
我尝试使登录部分"保持在右上角,即使切换开关已展开.我尝试浮动该部分,但没有奏效.
这是我的代码:
<nav class="navbar navbar-expand-lg bg-dark navbar-dark fixed-top"><div class="容器"><div class="navbar-header"><button class="navbar-toggler"类型=按钮"数据切换=折叠"数据目标=#mymenu"><span class="sr-only">切换导航</span><span class="navbar-toggler-icon"></span>按钮><a href="#" class="navbar-brand">App</a>
<div class="collapse navbar-collapse" id="mymenu"><!-- 导航主体--><ul class="nav navbar-nav mr-auto"><li class="active nav-item"><a class="nav-link" href="index.html">首页</a></li><li class="nav-item"><a class="nav-link" href="#">项目 1</a></li><li class="nav-item"><a class="nav-link" href="#">项目 2</a></li><li class="nav-item dropdown"><a class="nav-link dropdown-toggle"数据切换=下拉"角色=按钮"href="#">第 3 项</a><ul class="下拉菜单"><li><a class="dropdown-item" href="#">Item 3.1</a></li><li><a class="dropdown-item" href="#">Item 3.2</a></li><li><a class="dropdown-item" href="#">Item 3.3</a></li><!-------------------搜索----------------------><form class="form-inline my-2 my-lg-0 position-relative"><input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search"><button class="btn btn-outline-light my-2 my-sm-0" type="submit">搜索</button></表单>
<!--------------------用户------------><div class="ml-lg-5"><a class="navbar-brand" href="#">登录</a>