打开键盘时导航栏溢出？

如何解决打开键盘时导航栏溢出？

问题是当我打开键盘输入时，导航栏出现了键盘 如何解决这个问题，请帮帮我？

 <nav class="nav navbar-fixed-bottom navbar-primary navbar-custom py-3" style="bottom:0px;">

  <ul id="myTab" class="nav nav-tabs">
     <li class="nav-item">
        <a href="#" class="nav-link active" data-toggle="tab"><i class="fa fa-newspaper-o" aria-hidden="true" style="font-size:20px;"></i>
        </a>
     </li>
     &nbsp; &nbsp;
     <li class="nav-item">
        <a href="#" class="nav-link" data-toggle="tab"><i class="fa fa-bullseye" style="font-size:20px;"></i></a>
     </li>
     &nbsp; &nbsp;
     <li class="nav-item">
        <a href="#####" class="nav-link" data-toggle="tab"><i class="fab fa-superpowers" style="font-size:20px;"></i></a>
     </li>
     &nbsp; &nbsp;
     <li class="nav-item">
        <a href="#" class="nav-link" data-toggle="tab"><i class="fa fa-user" style="font-size:20px;"></i></a>
     </li>
     &nbsp; &nbsp;
     <li class="nav-item">
        <a href="#" class="nav-link" data-toggle="tab"><i class="far fa-comments" style="font-size:20px;"></i></a>
     </li>


  </ul>
  </nav>