<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link href="/static/css/bootstrap.css" rel="stylesheet">
<!--必须在引入bootstarp.js之前引入-->
<script src="/static/jquery-3.3.1.js"></script>
<script src="/static/js/bootstrap.js"></script>
<link href="/static/css/index.css" rel="stylesheet">
<title>在线考试系统</title>
</head>
<body>
<nav class="navbar navbar-expend-sm bg-light navbar-light">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="/toIndex/"><h3>在线考试系统 首页</h3></a>
</li>
<li>
<button data-target="#stuModal" data-toggle="modal" class="btn btn-primary">学生登陆</button>
</li>
<li>
<button data-target="#teaModal" data-toggle="modal" class="btn btn-primary">教师登录</button>
</li>
<li class="nav-item">
<a class="nav-link" href="/admin">管理员</a>
</li>
<li style="position: fixed;right: 70px;font-size: 40px;color: #9fcdff">{{student.name}}{{message}}</li>
<a href="/logout/"><li style="position: fixed;right:20px;font-size: 20px;top:22px;color: #cc1313">退出</li></a>
</ul>
</nav>
想达到的效果：
目前实际效果：
