Как добавить подменю в горизонтальную HTML-панель навигации? - PullRequest
Новая
       22

Как добавить подменю в горизонтальную HTML-панель навигации?

1 голос
/ 20 сентября 2019

Я пытаюсь превратить одно из выпадающих меню в подменю, которое разворачивается влево или вправо в зависимости от пробела.

Как мне это сделать?Я перепробовал все. 

<nav class="navbar navbar-expand-sm bg-light navbar-light">
  <!-- Brand -->
  <a class="navbar-brand" href="#">PRODUCT NAME</a>
  <!-- Links -->
  <ul class="navbar-nav">
    <!--A regular navbar link-->
    <li class="nav-item">
      <!--a class="nav-link" href="resources/pages/home.html">Home</a>
    </li>
    <li class="nav-item dropdown">
      <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown" >Images</a>
      <div class="dropdown-menu">
<!--EDIT THESE ITEMS FOR FLOORS/PAGES-->
        <a class="dropdown-item" href="resources/callout/tore.html" target="iframe1">PAGE NAME</a>
      </div>
    </li>
      <li class="nav-item dropdown">
      <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">Videos</a>
      <div class="dropdown-menu">
<!--EDIT THESE ITEMS FOR VIDEOS-->
        <a class="dropdown-item" href="resources/media/vids/" target="_blank">VIDEO NAME</a>
      </div>
    </li>
    <!--Dropdown for additional documents-->
    <li class="nav-item dropdown">
      <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">Additional Documents</a>
      <div class="dropdown-menu">
<!--EDIT THESE ITEMS FOR DOCUMENTS-->
        <a class="dropdown-item" href="Resources/media/docs/" target="">DOCUMENT NAME</a>

      </div>
    </li>
  </ul>
</nav>
...