Bootstrap4 下拉分级导航设置

<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
    
    <a class="navbar-brand h1" href="#">Logoa>

    
    <ul class="navbar-nav">
        <li class="nav-item" style="margin-top: 10px">
            <a class="nav-link h5" href="#">Link 1a>
        li>
        
        <li class="nav-item dropdown" style="margin-top: 10px">
            <a class="nav-link dropdown-toggle h5" href="#" id="navbardrop" data-toggle="dropdown">二级下拉菜单
            a>
            <div class="dropdown-menu">
                <a class="dropdown-item" href="#">Link 1a>
                <a class="dropdown-item" href="#">Link 2a>
                <a class="dropdown-item" href="#">Link 3a>
            div>
        li>
        <li class="nav-item dropdown" style="margin-top: 10px">
            <a class="nav-link dropdown-toggle h5" href="#" data-toggle="dropdown">三级下拉菜单
            a>
            <div class="dropdown-menu">
                <span style="margin-left: 15px; font-weight: bold;">二级菜单1
                        <a class="dropdown-item" href="/About" style="font-size: small">三级菜单1a>
                    <a class="dropdown-item" href="/Contact" style="font-size: small">三级菜单2a>
                    <a class="dropdown-item" href="/About" style="font-size: small">三级菜单3a>
                span>
                <span style="margin-left: 15px; font-weight: bold;">二级菜单2
                        <a class="dropdown-item" href="/About" style="font-size: small">三级菜单4a>
                    <a class="dropdown-item" href="/Contact" style="font-size: small">三级菜单5a>
                    <a class="dropdown-item" href="/About" style="font-size: small">三级菜单6a>
                span>
            div>
        li>
    ul>
nav>

参考：https://www.runoob.com/bootstrap4/bootstrap4-navs.html