I need to make some changes to my navigator. I tried, but could not do.
* I need to change the font color of the boot navigator.
* My navigator screen is transparent, I also need to get rid of the border, which comes by default.
* How to arrange the list of elements of the navigation panel with center alignment.
Please, help. Below is the html code.
<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 is code
.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; }
Ahmed source share