centering nav content

by Michael Wagner

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
   <div class="container">
       <nav class="navbar navbar-default">
           <div class="container-fluid">
                <ul class="nav navbar-nav navbar-center">
                    <li><a href="#">Home</a></li>
                    <li><a href="#">Public</a></li>
                    <li><a href="#">Comercial</a></li>
                    <li><a href="#">Residential</a></li>
                    <li><a href="#">Services</a></li>
                    <li><a href="#">Contact</a></li>
                </ul>
           </div><!--end of div-->
       </nav><!--end of navbar-->
    </div><!--  end of div container-->

CSS

.container-fluid {
  width: 493px;
  padding: 0;
  margin: auto;
}

@media (max-width: 768px){
  .container-fluid {
    width: 100%;
  }
}