извините за нечетную формулировку, но в любом случае, я создал панель навигации, которая работает нормально, но она немного вправо, хотя у меня она установлена полностью слева.
< html>
<header>
<h1>Floor 3 </h1>
</header>
<head>
<link rel="stylesheet" href="css/bootstrap.css">
<title> Locker Map</title>
</head>
<style>
.navbar a {
float: left;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
}
.navbar {
background-color: #000;
overflow: hidden;
}
.navbar a.active {
background-color: #000000;
color: white;
}
.navbar a:hover {
background-color: #ddd;
color: black;
}
</style>
<body>
<div>
<ul>
<div class= "navbar">
<a class="active" href="AtomWTHSlockerMAP.html">Home</a>
<a href="floor1lockers.html">Floor 1 </a>
<a href="floor2lockers.html">Floor 2 </a>
<a href="floor3lockers.html">Floor 3 </a>
</div>
</ul>
<p> </p>
</body>
</html>