我在MVC5上工作,在我的前端设计中使用引导程序。我的共享文件夹中有cshtml布局页。所有布局都包含一个导航栏,其中有几个选项。但是,<form class="navbar-form navbar-right"></form>
中的btn组不显示下拉菜单。下面是代码片段:
<form class="navbar-form navbar-right">
<ul class="nav navbar-nav navbar-right">
<li>
<div class="btn-group">
<button type="button" class="btn btn-link dropdown-toggle" data-toggle="dropdown">
<span class="glyphicon glyphicon-user"></span> @Session["emp_main_first"] <span class="caret"></span>
</button>
<!-- dropdown menu items-->
<ul class="dropdown-menu" role="menu">
<li><a href="#"><span class="glyphicon glyphicon-pencil"></span> Edit profile</a></li>
<li><a href="../EmployeeRegister/LogOut"><span class="glyphicon glyphicon-cog"></span> Log out</a></li>
</ul>
</div>
</li>
</ul>
</form>
我错过了什么?任何帮助都将不胜感激。提前谢谢。
最佳答案
您可以尝试下面的代码,它应该在您的情况下工作。
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<form class="navbar-form navbar-right">
<ul class="nav navbar-nav navbar-right">
<li>
<div class="btn-group">
<button type="button" class="btn btn-link dropdown-toggle" data-toggle="dropdown">
<span class="glyphicon glyphicon-user"></span> @Session["emp_main_first"] <span class="caret"></span>
</button>
<!-- dropdown menu items-->
<ul class="dropdown-menu" role="menu">
<li><a href="#"><span class="glyphicon glyphicon-pencil"></span> Edit profile</a></li>
<li><a href="../EmployeeRegister/LogOut"><span class="glyphicon glyphicon-cog"></span> Log out</a></li>
</ul>
</div>
</li>
</ul>
</form>