​

  <nav class="navbar navbar-expand-lg navbar-dark blue fixed-top">

​

    <a class="navbar-brand" href="#">&nbsp;&nbsp; Test</a>

​

    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText"

      aria-expanded="false" aria-label="Toggle navigation">

      <span class="navbar-toggler-icon"></span>

    </button>

​

    <div class="collapse navbar-collapse force-scroll" id="navbarText">

​

      <ul class="navbar-nav ml-auto nav-flex-icons mr-5">

​

        <li class="nav-item">

          <a class="nav-link" href="#">&nbsp;&nbsp;<i class="fas fa-school" style="font-size:30px;color:white;"></i><br>1</a>

        </li>

​

        <li class="nav-item">

          <a class="nav-link" href="#">&nbsp;&nbsp;<i class="fas fa-school" style="font-size:30px;color:white;"></i><br>1</a>

        </li>

​

        <li class="nav-item">

          <a class="nav-link" href="#">&nbsp;&nbsp;<i class="fas fa-school" style="font-size:30px;color:white;"></i><br>1</a>

        </li>

​

​

        <li class="nav-item">

          <a class="nav-link" href="#">&nbsp;&nbsp;<i class="fas fa-school" style="font-size:30px;color:white;"></i><br>1</a>

        </li>

​

​

        <li class="nav-item">

          <a class="nav-link" href="#">&nbsp;&nbsp;<i class="fas fa-school" style="font-size:30px;color:white;"></i><br>1</a>

        </li>

          

​

​

        <li class="nav-item">

          <a class="nav-link" href="#">&nbsp;&nbsp;<i class="fas fa-school" style="font-size:30px;color:white;"></i><br>2</a>

        </li>

​

        <li class="nav-item">

          <a class="nav-link" href="#">&nbsp;&nbsp;<i class="fas fa-school" style="font-size:30px;color:white;"></i><br>3</a>

        </li>

​

        <li class="nav-item">

          <a class="nav-link" href="#">&nbsp;&nbsp;<i class="fas fa-school" style="font-size:30px;color:white;"></i><br>3</a>

        </li>

​

        <li class="nav-item">

          <a class="nav-link" href="#">&nbsp;&nbsp;<i class="fas fa-school" style="font-size:30px;color:white;"></i><br>3</a>

        </li>

​

        <li class="nav-item last mr-2">

          <a class="nav-link" href="#">&nbsp;&nbsp;<i class="fas fa-school" style="font-size:30px;color:white;"></i><br>4</a>

​

        </li>

​

​

​

​

        <li class="nav-item dropdown mx-4 pr-1">

          <a class="nav-link" href="" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true"

            aria-expanded="false">

            &nbsp;<i class="fas fa-ellipsis-h" style="font-size:30px;color:white;"></i><br>Mehr </a>

          </a>

          <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">

            <a class="dropdown-item" href="#"><i class="fas fa-folder" style="font-size:20px;color:black;"></i>&nbsp;&nbsp;&nbsp;test

            </a></a>

            <a class="dropdown-item" href="#"><i class="fas fa-star" style="font-size:20px;color:black;"></i>&nbsp;&nbsp;&nbsp;test</a>

          </div>

        </li>

      </ul>

​

​

    </div>

  </nav>

  <br><br><br><br>

  <br><br><br><br>

  <br><br><br><br>

  <br><br><br><br>

  <br><br><br><br>

  <br><br><br><br>

  <br><br><br><br>

​

  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ"

    crossorigin="anonymous">

​