“Como fazer de cor de navas se clicarmos nele” Respostas de código

Mudança de bootstrap de cor de marinho

$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; }}}
}
Spotless Skylark

Como fazer de cor de navas se clicarmos nele

if we are working in multi pages than:-
give a class to each navbar like:-
<li><a class="current" href="main.html">Home</a></li> in main.html page
<li><a class="current" href="contact.html">Contact</a></li> in contacr.html
follow the same step to every navbar page

and write css:-
.navbar .menu .current{
    color: #0f0;
}
Clear Caiman

Respostas semelhantes a “Como fazer de cor de navas se clicarmos nele”

Perguntas semelhantes a “Como fazer de cor de navas se clicarmos nele”

Mais respostas relacionadas para “Como fazer de cor de navas se clicarmos nele” em HTML

Procure respostas de código populares por idioma

Procurar outros idiomas de código