Интересно, почему localhost не показывает мои css. Все работает хорошо, но без css. Когда я открываю вручную файл index. html, все отображается отлично. Я пытался поставить полный путь везде , но тоже не получилось. Я также попытался реорганизовать файлы и папки, но не смог заставить его работать. Я делаю что-то не так, поэтому любая помощь будет принята с благодарностью. (Я использую STS.) 
логин. html
<!doctype html>
<html lang="en" layout:decorator="layouts/index">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" type="text/css" href="css/bootstrap-4.3.1-dist/css/bootstrap-grid.min.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap-4.3.1-dist/css/bootstrap.min.css">
<!--We are choosing these two to let the browser to load faster-->
<link rel="stylesheet" type="text/css" href="css/logincss.css">
<!--this is the last one so that we can override previous boostrap styles if we want-->
<head>
<title>Login page</title>
<meta charset="UTF-8">
</head>
<body class="signin-body">
<div class="container signin-container" layout:fragment="loginContent">
<div class="row">
<div class="col"></div>
<div class="col-sm-12 col-md-8">
<div class="card signin-card">
<div class="card-block">
<img src="images/logindetails.png" width="50%" hight="50%" class="img-fluid signin-img">
<form name="f" th:action="@{/login}" method="post" class="signin-form">
<div class="form-group">
<h2 class="form-signin-heading">Please sign in</h2>
<div th:if="${param.error}" class="alert alert-danger">Wrong username and password</div>
<div th:if="${param.logout}" class="alert alert-success">You successfully logged out</div>
<label for="username" class="sr-only">Username</label>
<input type="text" id="username" name="username" class="form-control" placeholder="Username" required="true">
</div>
<label for="password" class="sr-only">Password</label>
<div class="form-group">
<input type="password" id="password" name="password" class="form-control" placeholder="Password" required="true">
</div>
<div class="checkbox">
<label>
<input id="remember-me" name="remember-me" type="checkbox">Remember me
</label>
<button class="btn btn-lg btn-primary btn-block signin-btn" type="submit">Login</button>
</div>
</form>
</div>
</div>
<a class= "new-account" href="/registration">Create New Account</a>
</div>
<div class="col"></div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="css/bootstrap-4.3.1-dist/js/bootstrap.min.js"></script>
</body>
</html>