title: Add separator line in repsonsive Bootstrap navbar
body: <p>I would like to add a separator line between menu items in the responsive Bootstrap navbar. I tried using <code>border-bottom</code>, but I need it to be inset on both sides. Here is what I am trying to achieve (the color is not the point here):</p>
  
  <p><a href="https://i.stack.imgur.com/Qdz5N.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Qdz5N.jpg" alt="enter image description here"></a></p>
  
  <p>As you can see the line does not start from the edge of the screen.</p>
  
  <p>How can I achieve this?</p>
  
  <p>Here is my current code:</p>
  
  <pre><code>&lt;div class="collapse navbar-collapse" id="myNavbar"&gt;
        &lt;ul class="nav navbar-nav navbar-right"&gt;
          &lt;li&gt;&lt;a href="#"&gt;&lt;span class="glyphicon glyphicon-log-in hidden-on-mobile"&gt;&lt;/span&gt; Belépés&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;&lt;span class="glyphicon glyphicon-user hidden-on-mobile"&gt;&lt;/span&gt; Regisztráció&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
  </code></pre>