Comment diminuer la hauteur de la barre de navigation dans le Bootstrap 4?

Ci-dessous mon code de bootstrap 4

 <nav class="navbar navbar-collapse navbar-toggleable-md navbar-light bg-faded ">
    <div class="collapse navbar-collapse" id="navbarText">
      <ul class="navbar-nav mr-auto">

        <li class="nav-item">

          <a class="nav-link " >
            <span  class="icon icon18 icon-upload"></span>
            Input Data From Prior Month
            </a>
        </li>
        <li class="nav-item">
          <a class="nav-link " >
            <span  class="icon icon18 icon-excel-file"></span>
            Export to Excel
          </a>
        </li>
      </ul>
      <span class="navbar-text color-blue">
        *Data Automatically pulled from sources
      </span>
    </div>
   </nav>

il existe plusieurs exemples sont donnés pour bootstrap 3 ici
Comment diminuer la hauteur de la barre de navigation dans le Bootstrap 3?
mais aucun d'entre eux semblent fonctionner pour bootstrap 4, quelqu'un peut aider avec celui-ci?

u peut mettre à jour votre code à jouer du violon, de sorte qu'il est facile à comprendre

OriginalL'auteur ua_boaz | 2017-03-30

  1. 18

    La diminution de la hauteur de la barre de navigation est plus facile dans le Bootstrap 4 à l'aide de la l'espacement des utils. La hauteur de la barre de navigation vient de remplissage dans la barre de navigation de contenu.

    Suffit d'utiliser py-0 dans le nav-link et navbar-text..

    <nav class="navbar navbar-collapse navbar-toggleable-md navbar-light bg-faded ">
    <div class="collapse navbar-collapse" id="navbarText">
        <ul class="navbar-nav mr-auto">
            <li class="nav-item">
                <a class="nav-link py-0">
                    <span class="icon icon18 icon-upload"></span> Input Data From Prior Month
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link py-0">
                    <span class="icon icon18 icon-excel-file"></span> Export to Excel
                </a>
            </li>
        </ul>
        <span class="navbar-text py-0 color-blue">
        *Data Automatically pulled from sources
      </span>
    </div>
</nav>

    La py-0 classe définit padding-top:0;padding-bottom:0 sur les éléments.

    Bootstrap 4 Navbar Rétrécir Hauteur

    OriginalL'auteur Zim