I tried overwriting the "margin-bottom: 20px" in .nav by changing the value into "margin-bottom: 0" but it does work. It is only used once for a specific webpage.
I don't know what to do?
I still wanto to keep the original value "margin-bottom: 20px" because it is used in other webpages.
<style>
.nav{
margin-bottom: 20px;
}
</style>
On
You have to make sure that you are:
Firstly
Matching styles, so
<style>
nav {
margin-bottom: 20px;
}
</style>
needs to be
<style>
.nav { /* note the period/full-stop */
margin-bottom: 20px;
}
</style>
Secondly
The <style> declaration needs to come after the Bootstrap CSS is loaded in the <head> of your specific page so it overrides the previous CSS statement.
Use inline style which has higher priority and will work since you are using only for a single page.