Kolor czcionki na pasku nawigacyjnym

Question

Potrzebuję wykonać pewne modyfikacje mojego navbara. Próbowałem, ale nie mogłem tego zrobić.

* Potrzebuję zmienić kolor czcionki paska nawigacyjnego bootstrap.
* Moje tło paska nawigacyjnego jest przezroczyste, muszę również pozbyć się domyślnej granicy.
* W jaki sposób ustawić listę elementów nawigacyjnych na wyrównanie do środka.

Proszę o pomoc. Poniżej znajduje się kod HTML.

<nav class="navbar navbar-default navbar-fixed-top"> 
    <div class="container-fluid the-navbar"> 
    <div class="navbar-header"> 
     <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> 
     <span class="sr-only">Toggle navigation</span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     </button> 


    </div> 
    <div id="navbar" class="navbar-collapse collapse"> 
     <ul class="nav navbar-nav"> 
     <li><a href="cover.html">Learning Pulse</a> 
     <li><a href="Index.html">Home</a> 
     <li><a href="mycourse.html">Course</a> 
     <li><a href="#contact">Contact</a> 

     </li> 
     </ul> 
     <ul class="nav navbar-nav navbar-right"> 
     <li><a href="signup.html"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li> 
    <li><a href="login.html"><span class="glyphicon glyphicon-log-in"></span> Login</a></li> 

    </div> 
</nav> 

CSS jest kod

.navbar { 
position:absolute; 
top:30px; 
z-index:10; 
background:transparent; 
width:80%; 
margin-left:auto; 
margin-right:auto; 
font-style: times; 
font-size:19px; 
} 

.navbar li a { 
color: white; 
} 

Answer 1

Zaledwie kilka linijek CSS i mamy go =)

.navbar { 
    position:absolute; 
    top:30px; 
    z-index:10; 
    background:transparent; 
    width:80%; 
    margin-left:auto; 
    margin-right:auto; 
    font-style: times; 
    font-size:19px; 

} 
.navbar ul{ 
    text-align:center; 
} 
#navbar ul li a { 
    color:red; 
} 

.navbar{ 
    background:lightblue; 
    border:none; 
} 

https://jsfiddle.net/Ldf7xswh/1/