如何在下拉菜单中使用另一个下拉菜单

Question

我正在创建一个菜单，我想在另一个下拉菜单中添加一个下拉菜单。我设法做到了这一点，但我想再增加一次时间

我是这里的新手，也是编程的新手。我使用的是网上获得的html代码，并且正在适应我的需求。

对不起，如果我发布的方式错误。或者翻译不正确。我来自巴西，我只会说葡萄牙语。我正在使用Google翻译发送问题

我需要帮助才能做到这一点。

谢谢！

                                    <li class="nav-item dropdown">
                                        <a class="nav-link dropdown-toggle arrow-none" href="#" id="topnav-components" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            Relatórios <div class="arrow-down"></div>
                                        </a>
                                        <div class="dropdown-menu" aria-labelledby="topnav-components">
                                            <div class="dropdown">
                                                <a class="dropdown-item dropdown-toggle arrow-none" href="#" id="topnav-email" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                    <div class="d-inline-block icons-sm mr-2"><i class="uim uim-plus-square"></i></div> Receitas
                                                    <div class="arrow-down"></div>
                                                </a>
                                                <div class="dropdown-menu" aria-labelledby="topnav-email">
                                                    <a href="calendar.html" class="dropdown-item">
                                                        <div class="d-inline-block icons-sm mr-2"><i class="uim uim-plus-square"></i></div> Gerada pelo app</a>
                                                    <a href="calendar.html" class="dropdown-item">
                                                        <div class="d-inline-block icons-sm mr-2"><i class="uim uim-plus-square"></i></div> Gerada por fora</a>
                                                </div>
                                            </div>

                                            <div class="dropdown-menu" aria-labelledby="topnav-components"></div>
                                                <div class="dropdown">
                                                    <a class="dropdown-item dropdown-toggle arrow-none" href="#" id="topnav-email" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                        <div class="d-inline-block icons-sm mr-2"><i class="uim uim-plus-square"></i></div> Custos                                                    
                                                            <div class="arrow-down"></div></a>


                                            <div class="dropdown-menu" aria-labelledby="topnav-components">
                                                <div class="dropdown">
                                                    <a class="dropdown-item dropdown-toggle arrow-none" href="#" id="topnav-email" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                        <div class="d-inline-block icons-sm mr-2"><i class="uim uim-plus-square"></i></div> Combustivel                                                    
                                                            <div class="arrow-down"></div></a>

                                                </div> 


                                            </div>





                                        </div>
                                    </li>`