3 Replies Latest reply on Mar 9, 2016 9:56 AM by Nancy OShea

    Can't get the navigation bar to center

    AI_Transmission

      I have been trying for quite some time now and I am still coming up short. I am wondering if it has anything to do with the code that I have written so far:

       

       

       

       

      <div class="row">
           <nav class="navbar navbar-default navbar-fixed-top col-lg-offset-0 col-lg-12">
             <div class="container-fluid">
               <!-- Brand and toggle get grouped for better mobile display -->
               <div class="navbar-header">
                 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#topFixedNavbar1"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
                  <a class="navbar-brand" href="Index.html"><img src="" alt="" width="65" height="70" class="panel-group"></a>
               <!-- Collect the nav links, forms, and other content for toggling -->
               <div class="collapse navbar-collapse" id="topFixedNavbar1">
                 <ul class="nav navbar-nav">
                   <li class="active"><a href="Index.html">Home</a></li>
                   <li class=""><a href="Products.html">Products </a></li>
                      <li class=""><a href="Contact_Us.html">Contact Us </a> </li>
        
      <!-- START OF DROPDOWN MENU -->
          <li class="dropdown"><a href="#" data-toggle="dropdown" class="dropdown-toggle">Menu<b class="caret"></b></a>
            <ul class="dropdown-menu">
              <li><a href="#">Action</a></li>
              <li><a href="#">Another action</a></li>
              <li role="separator" class="divider"></li>
              <li><a href="#">Separated Link</a></li>
            </ul>
          </li>
        </ul>
       
        </div>
        </div>
        </div>
        </nav>
        </div>             
                       

        
               <!-- /.navbar-collapse -->
               
             <!-- /.container-fluid -->