I have a project in which I have installed ejs and bootstrap but for some reason bootstrap is still not picking up. In my app.js file I have:
app.use(express.static("node_modulesbootstrapdistcss"));
Index.html file:
<html>
<head>
<link href="bootstrap.min.css" rel="stylesheet" />
<style>
.nav-separator {
border-left: 1px solid rgba(0, 0, 0, 0.2); /* Light gray border */
height: 30px; /* Adjust height as needed */
margin: 0 15px; /* Spacing around the line */
}
</style>
<title>Home</title>
</head>
<%- include('partials/navbar') %>
<div class="container">
<!-- Your page content goes here -->
<h3>Welcome to Ando's Delivery Services!</h3>
</div>
</body>
</html>
I have made sure that the path in app.js is the relative path for bootstrap. I have also changed it so that the nav-bar is not in a seperate file and included in the index.html file and it still will not pick up the bootstrap.