I'm running into some frustrating 404 errors while working on a web project. I'm using this file structure for my CSS and JS files:
|index.html //running browserSync from this folder using this file as index
<link rel="stylesheet" type="text/css" href="../bower_components/bootstrap/dist/css/bootstrap.min.css">
The root directory of your application is the "src" folder. When you request bootstrap.min.css from "../bower_components/", you are telling the browser to go 1 level up. Because you are already at the root of the application, "../bower_component" is essentially doing the same as "bower_component".
1. move your index.html 1 level up 2. move your bower_components inside src 3. have some kind of build(gulp/grunt) to reorganize them in a way where the bower_components is within the root folder.