title: Different Screen Size bootstrap Navbar center alignment
body: <p>Can anyone help me center my Bootstrap Navbar when I change screen size?</p>
  
  <p>And also I'm using a normal div, for the footer I need to center align it too.</p>
  
  <p><img src="https://i.stack.imgur.com/tzIHl.jpg" alt="enter image description here"></p>
  
  <pre><code>&lt;style type="text/css"&gt;
      .navbar-nav &gt; li{
        padding-right:3px;
      }
  &lt;div class="collapse navbar-collapse navHeaderCollapse"&gt;
                  &lt;ul class="nav navbar-nav navbar-left"&gt;
                      &lt;li class="active"&gt;&lt;a href="index.php" style="margin-left:91px;"&gt;&lt;span class="glyphicon glyphicon-home"&gt;&lt;/span&gt; LINK&lt;/a&gt;&lt;/li&gt;
  
                      &lt;li class="dropdown"&gt;
                          &lt;a href="#" class="dorpdown-toggle" data-toggle="dropdown"&gt;LINK&lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
                          &lt;ul class="dropdown-menu"&gt;
                              &lt;li&gt;&lt;a href="#"&gt;LINK&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/li&gt;
  
                      &lt;li&gt;
                          &lt;a href="#" class="dorpdown-toggle" data-toggle="dropdown" &gt;LINK&lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
                          &lt;ul class="dropdown-menu"&gt;
                              &lt;li&gt;&lt;a href="#"&gt;LINK&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;LINK&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;LINK&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;LINK&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;LINK&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;LINK&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;LINK&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;               &lt;/ul&gt;
  
              &lt;/div&gt;
  </code></pre>