<p dir="auto">If I remove the 'navbar-brand' section from a responsive navbar, 'nav-collapse' gains a margin-top of 50px. Is this intended? Because it doesn't a lot of sense.</p>
<p dir="auto">The issue here is related to the fix done for <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="17325271" data-permission-text="Title is private" data-url="https://github.com/twbs/bootstrap/issues/8749" data-hovercard-type="issue" data-hovercard-url="/twbs/bootstrap/issues/8749/hovercard" href="https://github.com/twbs/bootstrap/issues/8749">#8749</a>. Margin-top was added to the navbar when there was no brand to give it that margin, but this was only needed while the navbar was collapsed.</p>
<div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="&lt;div class=&quot;navbar&quot;&gt;
  &lt;div class=&quot;container&quot;&gt;   
    &lt;button type=&quot;button&quot; class=&quot;navbar-toggle&quot; data-toggle=&quot;collapse&quot; data-target=&quot;.nav-collapse-scrollable&quot;&gt;
      &lt;span class=&quot;icon-bar&quot;&gt;&lt;/span&gt;
      &lt;span class=&quot;icon-bar&quot;&gt;&lt;/span&gt;
    &lt;/button&gt;
    &lt;!-- &lt;a class=&quot;navbar-brand&quot; href=&quot;{insecure_base_href}&quot;&gt;Your Company Here&lt;/a&gt; --&gt;

    &lt;!-- navbar here --&gt;

  &lt;/div&gt;&lt;!-- /.container --&gt;
&lt;/div&gt; &lt;!-- /.navbar --&gt;"><pre class="notranslate"><span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span>="<span class="pl-s">navbar</span>"<span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span>="<span class="pl-s">container</span>"<span class="pl-kos">&gt;</span>   
    <span class="pl-kos">&lt;</span><span class="pl-ent">button</span> <span class="pl-c1">type</span>="<span class="pl-s">button</span>" <span class="pl-c1">class</span>="<span class="pl-s">navbar-toggle</span>" <span class="pl-c1">data-toggle</span>="<span class="pl-s">collapse</span>" <span class="pl-c1">data-target</span>="<span class="pl-s">.nav-collapse-scrollable</span>"<span class="pl-kos">&gt;</span>
      <span class="pl-kos">&lt;</span><span class="pl-ent">span</span> <span class="pl-c1">class</span>="<span class="pl-s">icon-bar</span>"<span class="pl-kos">&gt;</span><span class="pl-kos">&lt;/</span><span class="pl-ent">span</span><span class="pl-kos">&gt;</span>
      <span class="pl-kos">&lt;</span><span class="pl-ent">span</span> <span class="pl-c1">class</span>="<span class="pl-s">icon-bar</span>"<span class="pl-kos">&gt;</span><span class="pl-kos">&lt;/</span><span class="pl-ent">span</span><span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;/</span><span class="pl-ent">button</span><span class="pl-kos">&gt;</span>
    <span class="pl-c">&lt;!-- &lt;a class="navbar-brand" href="{insecure_base_href}"&gt;Your Company Here&lt;/a&gt; --&gt;</span>

    <span class="pl-c">&lt;!-- navbar here --&gt;</span>

  <span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span><span class="pl-c">&lt;!-- /.container --&gt;</span>
<span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span> <span class="pl-c">&lt;!-- /.navbar --&gt;</span></pre></div>
<p dir="auto">Will cause the navbar to have 50px of margin-top at all times against 3.0.0-wip HEAD.</p>
<p dir="auto">This is the fix, I'm sorry I don't have time right now to commit it, I will if it's not been done before I get around to it:</p>
<div class="highlight highlight-source-css notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="@media screen and (min-width: @grid-float-breakpoint) {
  .nav-collapse {
    .navbar-toggle + &amp; {
      margin-top: 0;
    }  
  }
}"><pre class="notranslate"><span class="pl-k">@media</span> screen <span class="pl-c1">and</span> (min-width<span class="pl-kos">:</span> <span class="pl-k">@grid-float-breakpoint</span>) {
  .<span class="pl-c1">nav-collapse</span> {
    .<span class="pl-c1">navbar-toggle</span> <span class="pl-c1">+</span> <span class="pl-ent">&amp;</span> {
      <span class="pl-c1">margin-top</span><span class="pl-kos">:</span> <span class="pl-c1">0</span>;
    }  
  }
}</pre></div>