ブートストラップ4モバイルメニューのサブメニューを管理していますか？

BS 3.3.7のサイトを4に移植しています。その中にnavというヘッダーがあり、ドロップダウンアイテム（メニュー）がいくつかあります。ブートストラップ4モバイルメニューのサブメニューを管理していますか？

<header> 
    <nav class="navbar fixed-top navbar-expand-lg navbar-light bg-white bg-pb-header-gradient"> 
    <button class="navbar-toggler p-0" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" 
    aria-expanded="false" aria-label="Toggle navigation"> 
     <span class="navbar-toggler-icon"></span> 
    </button> 
    <a class="navbar-brand" href="" routerLink="/home"> 
     <img src="/assets/images/pb-header-mark.svg" width="32" height="31" class="d-inline-block align-top" alt=""> Design System 
    </a> 

<div class="collapse navbar-collapse" id="navbarSupportedContent"> 
    <ul class="navbar-nav mr-auto"> 
    <li class="nav-item"> 
     <a class="nav-link" routerLink="/home">Home</a> 
    </li> 
    ... etc ...

私は、これは上書きを最小限に抑えて、モバイル上で動作するように取得しようとしています。最初に気づいたのは、トップレベルのアイテム（ここでは「ホーム」「基礎」と「Web」）がヘッダの一部であるため、グラデーションの背景サイズを設定しなければならないため、「メニュー」はグラデーション背景があります。