Bootstrap dropdown-Liste mit Eckigen 6

Ich versuche zum erstellen eines dropdown-Elements in einem Bootstrap navbar mit Winkel-6. Mein code funktioniert, wenn ich es testen online :

<nav class="navbar bg-light navbar-light navbar-expand">
<ul class="navbar-nav">
  <li class="nav-item dropdown" >
    <a class="nav-link dropdown-toggle" data-toggle="dropdown">Page1</a>
    <div class="dropdown-menu">
      <a class="dropdown-item" href="#">Page1.1</a>
    </div>
  </li>
  <li><a class="nav-link" href="#">Page2</a></li>
</ul>
</nav>

Aber die dropdown funktioniert nicht mit Winkel-6. Ich habe die folgende Methode, um die Verwendung von Bootstrap mit Eckigen :

ng add @ng-bootstrap/schematics

Und alles funktioniert gut, außer für das dropdown-Element !

  • Können Sie mir bitte sagen, welche version von bootstrap verwenden Sie?
  • Auch das Sie dazu auffordert, fügen Sie bitte "node_modules/bootstrap/dist/css/bootstrap.min.css" innere Stile-array in eckigen.json-Datei
  • Sie können versuchen, eckig dropdown anstelle von bootstrap. Können Sie bitte den folgenden link. Es ist multi-funktional npmjs.com/package/@ng-select/ng-select
InformationsquelleAutor krirkrirk | 2018-06-24
Schreibe einen Kommentar