Я пытался добавить всплывающее окно для забытого пароля, но оно не позволяет мне отменить всплывающее окно, или кажется, что мой фон также исчез , Это мой CSS. Это как-то показывает всплывающее окно, но оно размыто и не может быть отменено. Я проверил, правильно ли импортировал bootstrap и все. Также пытался поставить в другое положение.
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/loginCss.css">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css?family=Raleway&display=swap" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<body>
<div class="wrapper fadeInDown">
<div id="formContent">
<!-- Tabs Titles -->
<h2 class="active"> Welcome to FIT </h2>
<!-- Icon -->
<div class="fadeIn first">
<img src="images/logo2.png" id="icon" alt="User Icon" />
</div>
<!-- Login Form -->
<form>
<input type="text" id="login" class="fadeIn second" name="login" placeholder="login">
<input type="text" id="password" class="fadeIn third" name="login" placeholder="password">
<br>
<input type="submit" class="fadeIn fourth" id="submit" value="Log In">
</form>
<!-- Remind Passowrd -->
<div id="formFooter">
<a class="underlineHover" data-toggle="modal" data-target="#myModal" id= "forgetpassword" >Forgot Password?</a>
<!-- Trigger the modal with a button -->
</div>
</div>
<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<h2 class="modal-title" align="left">Forgot Password</h2>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<p>Please contact your Administrator.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<script src="scripts/jquery-3.3.1.min.js"></script>
<script src="scripts/popper.min.js"></script>
<script src="scripts/bootstrap.min.js"></script>
<script src="scripts/moments.min.js"></script>
<script src="scripts/bootstrap-datetimepicker.js"></script>
<script src="scripts/nouislider.min.js"></script>
<script src="scripts/main.js"></script>
</div>
</body>