我在我的第一个引导网站，我有一个问题。我的导航总是折叠，即使在屏幕大小。汉堡图标的工作，但它应该只有在手机屏幕大小。
大家能帮帮我吗？

<div class="header-nav clearfix">
           <nav class="navbar navbar-fixed-top">
              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
              <span class="navbar-toggler-icon"></span>
              </button>
              <div class="navbar-collapse collapse " id="navbarSupportedContent">
                 <ul class="nav">
                    <li class="nav-item">
                       <a class="nav-link" href="#">Über uns</a>
                    </li>
                    <li class="nav-item">
                       <a class="nav-link" href="#">Karriere</a>
                    </li>
                    <li class="nav-item">
                       <a class="nav-link" href="#">Downloads</a>
                    </li>
                    <li class="nav-item nav-item-gruen">
                       <a class="nav-link" href="#">Kontaktieren Sie uns!</a>
                    </li>
                 </ul>
              </div>
           </nav>
        </div>