Wie ändere ich die Hintergrundfarbe der Navigationsleiste in verschiedene Farben?

Question

Wie würde ich die Hintergrundfarbe jedes Home-Projekts-etc ändern?

Ich war in der Lage, das erste Hausnavigationssystem zu ändern, aber ich kann nicht herausfinden, wie ich den Rest ändern könnte. Ich denke, dass es etwas mit dem ersten Kind, dem zweiten Kind usw. zu tun hat. Jede Hilfe wäre großartig.

Answer 1

Zuerst erstellen Sie eine Klasse: .nav-justified > li > a{ background-image: none; }

dann für jeden von zu Hause .... Projekt etc Tabs, eine einzigartige Klasse erstellen Sie dann Ihre Hintergrundfarbe dort passieren und das Hintergrundbild auf none gesetzt.

.nav-justified > li.project-tab > a{ 
 
    background-color: #1da1f2; 
 
    background-image: none; 
 
    }

<link href="http://getbootstrap.com/assets/css/ie10-viewport-bug-workaround.css" rel="stylesheet"/> 
 
<link href="http://getbootstrap.com/examples/justified-nav/justified-nav.css" rel="stylesheet"/> 
 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<nav> 
 
      <ul class="nav nav-justified"> 
 
      <li class="active"><a href="#">Home</a></li> 
 
      <li class="project-tab"><a href="#">Projects</a></li> 
 
      <li><a href="#">Services</a></li> 
 
      <li><a href="#">Downloads</a></li> 
 
      <li><a href="#">About</a></li> 
 
      <li><a href="#">Contact</a></li> 
 
      </ul> 
 
     </nav>