Bootstrap Navbar Font Color Code Example


Example: changing navbar color bootstrap

$bgDefault   : #e74c3c; $bgHighlight : #c0392b; $colDefault  : #ecf0f1; $colHighlight: #ffbbbc; .navbar-default {   background-color: $bgDefault;   border-color: $bgHighlight;   .navbar-brand {     color: $colDefault;     &:hover, &:focus {       color: $colHighlight; }}   .navbar-text {     color: $colDefault; }   .navbar-nav {     > li {       > a {         color: $colDefault;         &:hover,  &:focus {           color: $colHighlight; }}}     > .active {       > a, > a:hover, > a:focus {         color: $colHighlight;         background-color: $bgHighlight; }}     > .open {       > a, > a:hover, > a:focus {         color: $colHighlight;         background-color: $bgHighlight; }}}   .navbar-toggle {     border-color: $bgHighlight;     &:hover, &:focus {       background-color: $bgHighlight; }     .icon-bar {       background-color: $colDefault; }}   .navbar-collapse,   .navbar-form {     border-color: $colDefault; }   .navbar-link {     color: $colDefault;     &:hover {       color: $colHighlight; }}} @media (max-width: 767px) {   .navbar-default .navbar-nav .open .dropdown-menu {     > li > a {       color: $colDefault;       &:hover, &:focus {         color: $colHighlight; }}     > .active {       > a, > a:hover, > a:focus, {         color: $colHighlight;         background-color: $bgHighlight; }}} }

Comments

Popular posts from this blog

Are Regular VACUUM ANALYZE Still Recommended Under 9.1?

Can Feynman Diagrams Be Used To Represent Any Perturbation Theory?