Как изменить фоновый цвет навигационной панели на разные цвета

Question

Как изменить цвет фона каждого проекта-дома?

Я смог изменить первый домашний навигационный, но, похоже, не работает, как изменить остальные, я думаю, что он имеет какое-то отношение к первому ребенку, второму ребенку и т. Д., Только учился несколько месяцев, любая помощь была бы большой.

Answer 1

Сначала необходимо создать класс: .nav-justified > li > a{ background-image: none; }

Тогда для каждого из вашего дома .... проекта и т.д. вкладки, создать уникальный класс затем передать свой цвет фона там и установить фоновое изображение нет.

.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>