title: How to display the menu content of mobile view navbar to center in bootstrap 4
body: <p>I am getting text left aligned when in mobile view.This is done in bootstrap4. How to center the menu contents on collapse
  <a href="https://i.stack.imgur.com/VAs2O.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VAs2O.png" alt="enter image description here" /></a></p>
  
  <pre><code>        &lt;ul class=&quot;navbar-nav ml-auto&quot;&gt;
              &lt;li class=&quot;nav-item active&quot;&gt;
                  &lt;a class=&quot;nav-link color-me&quot; href=&quot;#home&quot;&gt;Home&lt;/a&gt;
  
              &lt;/li&gt;
              &lt;li class=&quot;nav-item&quot;&gt;
                  &lt;a class=&quot;nav-link color-me&quot; href=&quot;#about&quot;&gt;About&lt;/a&gt;
  
              &lt;/li&gt;
              &lt;li class=&quot;nav-item&quot;&gt;
                  &lt;a class=&quot;nav-link color-me&quot; href=&quot;#services&quot;&gt;Services&lt;/a&gt;
  
              &lt;/li&gt;
              &lt;li class=&quot;nav-item&quot;&gt;
                  &lt;a class=&quot;nav-link color-me&quot; href=&quot;#gallery&quot;&gt;Gallery&lt;/a&gt;
  
              &lt;/li&gt;
              &lt;li class=&quot;nav-item&quot;&gt;
                  &lt;a class=&quot;nav-link color-me&quot; href=&quot;#contact&quot;&gt;Contact&lt;/a&gt;
  
              &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>