Как сделать так, чтобы раскрывающийся список ngx-bootstrap по умолчанию отображался в большом окне просмотра? - PullRequest
Новая
       47

Как сделать так, чтобы раскрывающийся список ngx-bootstrap по умолчанию отображался в большом окне просмотра?

0 голосов
/ 09 ноября 2019

Я использую выпадающий список 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, когда мы видим это в большом окне просмотра.

Как получить все, что нужно для отображения для портов большого вида?

...