这个问题已经在这里有一个答案:
我设计了一个导航栏有导航项,下拉按钮,下拉菜单项上没有显示显示,这是它的样子
我用利润率左移动的注册导航项目想着它会搬走,但它没有响应什么其他的解决方案,可以proferred?我的代码是...
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)
</span></a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#">About Us <span class="sr-only">
(current)</span></a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#">Contact Us <span class="sr-only">
(current)</span></a>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li class="nav-item">
<a class="nav-link" href="#">Sign-Up</a>
</li>
dropdown menu
<li class="dropdown">
<a href="#" class="btn btn-secondary dropdown-toggle " data-
toggle="dropdown"> Log In <span class="caret"></span> </a>
<ul id="login" class="dropdown-menu">
<li>
<div class="row">
<div class="col-md-12"> Log In Via:
<div class="social-buttons d-flex flex-row">
<a href="#" class="btn btn-fb"><i class="fa fa-
facebook"aria-hidden="true">Facebook</i></a>
<a href="#" class="btn btn-tw"><i class="fa fa-twitter"
aria-hidden="true">Twitter</i></a>
<a href="#" class="btn btn-ins"><i class="fa fa-
instagram" aria-hidden="true">Instagram</i></a>
</div>
</div>
</div>
</li>
</ul>
</li>
</ul>
</div>
尝试使用引导辅助类的下拉菜单,右侧是这样的:
<ul id="login" class="dropdown-menu dropdown-menu-right">