我的布局页面:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>@ViewBag.Title</title>
@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/modernizr")
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="~/Scripts/angular.js"></script>
<script src="~/Scripts/angular-resource.min.js"></script>
<script src="~/Scripts/angular-route.min.js"></script>
<script src="~/Scripts/toaster.js"></script>
<script src="~/Scripts/angular-animate.js"></script>
<link href="~/Content/toaster.css" rel="stylesheet" />
</head>
<body ng-app="plyaerManagement">
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href='#/Play/Home'>Request Data</a></li>
<li><a href='#/Play/Log'>Show Logs</a></li>
</ul>
</div>
</div>
</div>
<div class="container body-content">
@RenderBody()
</div>
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/bootstrap")
@Scripts.Render("~/app/app.js")
@RenderSection("scripts", required: false)
<script src="app/app.js"></script>
<script src="~/app/Resource.js"></script>
<script src="~/app/Sensor/SensorController.js"></script>
<script src="~/app/Log/SensorLogController.js"></script>
</body>
</html>
这是它的样子:
当我把它做得更小时,我得到了这个:
问题是,当我按下右上角的菜单按钮时,保管箱必须显示选项:
请求数据
显示日志
但是在我的情况下,当我按下右上角的菜单时,不是 打开,我没有看到任何选项。
你知道为什么菜单按钮在我的情况下不起作用吗?