While running my html on localhost, I encountered an issue when placing my CSS file in a css folder.
href="css/well.css"
Here is the well.css file placed in the css folder https://i.sstatic.net/MOdra.png
Then, I tried moving the well.css file to the same directory as index.php and observed the following:
href="well.css"
Now, here is the well.css file in the same directory as index.php
https://i.sstatic.net/hfnsk.png
This is the content of the well.css file which includes Bootstrap styles for this site:
#well{
color:white;
}
#topping{
background-color: black;
color:white;
}
.active{
background-color: white;
}
#rite{
background-image:url("../1.jpg");
opacity: 0.9;
background-repeat: fixed;
}
#submit{
width:100px;
margin-left:90%;
background-color:white;
}
#sing{
background-color: white;
color:#323280;
}
.panel-default > .panel-heading{
background-color: #bd1919;
color:white;
}
.panel-default > .panel-footer {
background-color: black;
color:white;
}
I am questioning whether the directory of the CSS file can impact the appearance of the website. Additionally, why does the panel heading have a different color even though it utilizes the same CSS style?