html - Footer not inheriting class from css but accepting another? -
i have basic footer setup in bootstrap framework custom test. html:
<footer class="footer navbar-custom-footer navbar-fixed-bottom"> <div class="container"> <div class="row"> <div class="column"> rights reserved. </div> </div> </div> </footer>
and css:
.navbar-custom-footer { background-color:#7bafd4; color:#b7c0e0; border-radius:0; font-size: 1em; } .navbar-custom-footer .navbar-nav > li > { color:#121e4b; } .navbar-custom-footer .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus { color: #121e4b; background-color:transparent; } .navbar-custom-footer .navbar-brand { color:#eeeeee; }
this exact copy of header custom tags , apply css when using original following:
.navbar-custom { background-color:#7bafd4; color:#b7c0e0; border-radius:0; font-size: 1em; } .navbar-custom .navbar-nav > li > { color:#121e4b; } .navbar-custom .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus { color: #121e4b; background-color:transparent; } .navbar-custom .navbar-brand { color:#eeeeee; }
as can see should inheriting same? when looking @ through firebug doesn't show class working on latter. it's starting drive me nuts new developer learning while going!
your code correct, if doesn't works, you're not including stylesheet containing rules.
<style> .navbar-custom-footer { background-color: #7bafd4; color: #b7c0e0; border-radius: 0; font-size: 1em; } </style> <footer class="footer navbar-custom-footer navbar-fixed-bottom"> <div class="container"> <div class="row"> <div class="column"> rights reserved. </div> </div> </div> </footer>
Comments
Post a Comment