title: Bootstrap navbar-expand-xl collapse
body: <p>Im using <code>navbar navbar-expand-xl</code>which should hide my nav menu, and it's working with resolution lower than 1200px but then my <code>collapse</code> button hides til 1000px and then shows of. What I need to change to let my collapse button shows at less than 1200px not 1000px. </p>
  
  <p>My code:</p>
  
  <pre><code>&lt;nav class="navbar navbar-expand-xl navbar-dark fixed-top menu-nawigacyjne"&gt;
          &lt;a class="navbar-brand" href="#"&gt;Insurance Group&lt;/a&gt;
          &lt;button class="navbar-toggler d-lg-none" type="button" data-toggle="collapse" data-target="#navbar" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation"&gt;
            Menu&lt;span class="navbar-toggler-icon"&gt;&lt;/span&gt;
          &lt;/button&gt;
          &lt;div class="collapse navbar-collapse" id="navbar"&gt;
            &lt;ul class="navbar-nav  mr-auto"&gt;
              &lt;li class="nav-item active"&gt;
                &lt;a class="p-2 text-white"  href="/stronaGlowna"&gt;Strona Główna &lt;/a&gt;
              &lt;/li&gt;
                  &lt;li class="nav-item active"&gt;
                &lt;a class="p-2 text-white" href="/przegladajUbezpieczenia"&gt;Ubezpieczenia &lt;/a&gt;
              &lt;/li&gt;
               &lt;li class="nav-item active"&gt;
            &lt;a class="p-2 text-white" href="/informacje"&gt;Informacje &lt;/a&gt;
  
          &lt;/li&gt;
            &lt;/ul&gt;
            &lt;div class="login-form"&gt;
  
              &lt;form action ="/stronaGlowna" method = "post" class="form-inline mt-2 mt-md-0"&gt;
  
  
                      &lt;input class="form-control mr-sm-2" type="text" id ="login" name = "login" placeholder="Adres e-mail" required &gt;
                      &lt;input class="form-control mr-sm-2" type="password" id = "haslo" name = "haslo" placeholder="Hasło" required &gt;
                      &lt;input type="hidden" name="_csrf"  value="f20d6efe-5ecb-4368-bada-a55dfdd67fb5" /&gt; 
                      &lt;button class="btn btn-success custom-width" type="submit"&gt;Zaloguj się&lt;/button&gt;
                      &lt;a class="p-2 text-white" href="/przypomnijHaslo"&gt;Nie pamiętam hasła &lt;/a&gt;
                  &lt;/form&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/nav&gt;
  </code></pre>
  
  <p>You can also check it on live: <a href="http://www.aplikacja-ubezpieczenia.pl" rel="nofollow noreferrer">http://www.aplikacja-ubezpieczenia.pl</a></p>