我有这样的代码
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="/list/">text</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#">text</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#">text</a>
</li>
</ul>
<ul class="navbar-nav my-2 my-lg-0">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
text
</a>
</li>
<li class="nav-item active">
<a href="#" id="sign-in" class="nav-link" id="sign-in"><i class="fas fa-sign-in-alt"></i>text</a>
</li>
</ul>
我需要 3 个第一个元素在左侧,另一个在右侧 我不知道如何只用一个来做到这一点,但是用两个它会使响应性变得混乱,那么我如何用一个 ul 做到这一点?