我正在使用ngx-bootstrap下拉列表作为网站导航，这对于移动/平板电脑视图效果很好。我的导航是这样：

 <div class="col" dropdown>
   <button class="navbar-toggler" id="navbardrop" data-toggle="dropdown" dropdownToggle>
          <i/>MENU</i>
   </button>
   <div class="collapse navbar-collapse" id="dropdown-basic" *dropdownmenu
          class="dropdown-menu" role="menu" aria-labelledby="button-basic">
     <ul>
       <li class="nav-link> <a href="#">Home</a></li>
       <li class="nav-link> <a href="#">Page</a></li>
     </ul>
   </div> 
 </div>

，这对于移动设备/平板电脑工作正常，但我需要以下内容才能始终在大视口（d-lg-block）上显示：

 <ul>
    <li class="nav-link> <a href="#">Home</a></li>
    <li class="nav-link> <a href="#">Page</a></li>
 </ul>

...但是，当我们使用ngx-bootstrap *dropdownmenu时，当我们在较大的视口中查看时，它不会在DOM中呈现。

如何将所有内容显示在大视口中？