Centering nav bar links or how to justify center nav bar links

``

<!--Logo and responsive toggle. This part is for functionality only-->
<div class="navbar-header">
  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar">
  <span class="sr-only">Toggle navigation</span>
  <span class="icon-bar"></span>
  <span class="icon-bar"></span>
  <span class="icon-bar"></span>
</button>
  
  <!--Logo or brand-->
  <a class="navbar-brand" href="#"><img src="http://res.cloudinary.com/dnttyski7/image/upload/v1496179914/mic_logo_jm24co.png" alt="logo">
    <span class="glyphicon glyphicon-cars"></span></a>
</div>

<!--Navbar Links-->
<div class="collapse navbar-collapse" id="navlinks">
  <ul class="nav navbar-nav">
    <li class="">
      <a href="#">Home</a>
    </li>
    <li class="">
      <a href="#">About Us</a>
    </li>
    <li role="presentation" class="dropdown">
      <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Services <span class="caret"></span></a>
      <ul class="dropdown-menu" role="menu" aria-labelledby="about-us">
        <li><a href="#">Services</a></li>
        <li><a href="#">Products</a></li>
        <li><a href="#">Repairs</a></li>
      </ul>
    </li>
    
    <li class="">
      <a href="#">Contact Us</a>
    </li>
  </ul>
  <!--Search Button-->
  <form class="navbar-form navbar-right" role="search">
    <div class="form-group">
      <input type="text" class="form-control">
    </div>
    <button type="submit" class="btn btn-default">Search</button>
  </form>
  <!-- /. End of Navbar-collapse-->
</div>
<!-- /. End of container-->
``

Try this: <ul class="nav nav-pills nav-justified">
Check out this tutorial: http://www.tutorialrepublic.com/twitter-bootstrap-tutorial/bootstrap-navs.php

Thanks for input but I tried bu it did not work, stacked all the links in one place on the left margin. Not a pleasant sight. I am wondering whether is CSS playing on me. see below;

``body {
padding-top: 50px;
color: #959595;
}

h1,
h2,
h3,
h4,
h5,
h6 {
color: black;
}

.feature {
background-color: #6A0E0E;
color: white;
}

.article-intro {
margin-bottom: 25px;
}

.footer-blurb {
padding: 30px 0;
background-color: yellowgreen;
color: black;
}

.footer-blurb-item {
padding: 30px;
}

.small-print {
background-color: #fff;
padding: 30px 0;
}

/* line height is 20px by default so add 30px top and bottom to equal the new .navbar-brand 80px height */

.navbar .navbar-brand {
height: 80px;
}

.navbar .nav>li>a {
padding-top: 30px;
padding-bottom: 30px;
}

.navbar .navbar-toggle {
padding: 10px;
margin: 25px 15px 25px 0;
}

.navbar .navbar-form {
padding-top: 20px;
padding-bottom: 30px;
}

#top-jumbotron {
padding: 90px;
}

/* resizing nav brand image*/
.navbar-brand>img {
max-height: 100%;
height: 100%;
margin: 0 auto;
}
``

Try playing with the nav links padding & font-size like this.
.nav.navbar-nav li a{
padding-left: 40px;
padding-right: 40px;
font-size: 1.2em;
}

Magic! it worked. This is the power of collaboration, I feel it. Thank you very much for coming to the rescue of my ignorance, I am a newbie, but I will get there eventually. :slight_smile:

Glad I could assist.
Do not look at it as ignorance. Just look at it as a learning experience.
Yes the power of collaboration and community are great. They are what has made the internet so vibrant and useful.