Màu phông chữ Navbar

Question

Tôi cần thực hiện một số sửa đổi đối với thanh điều hướng của mình. Tôi đã cố gắng nhưng không thể làm được.

* Tôi cần thay đổi màu phông chữ của thanh điều hướng bootstrap.
* Nền thanh điều hướng của tôi trong suốt, tôi cũng cần loại bỏ đường viền theo mặc định.
* Làm cách nào để sắp xếp danh sách mục điều hướng đến căn giữa.

Vui lòng trợ giúp. Dưới đây là mã 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> 

Các Css là mã

.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

Chỉ cần một vài dòng CSS và chúng tôi đã nhận nó =)

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