无法使用引导程序查看第一个下拉子菜单，始终显示第二个:-(

Question

<div class="btn-group"> 

                <button type="button" class="btn btn-light dropdown-toggle" data-toggle="dropdown">menu1</button>
                <ul class="dropdown-menu">
                    <li><a href="#">a</a></li>
                    <li><a href="#">b</a></li>
                    <li><a href="#">c</a></li>
                    <li><a href="#">d</a></li>
                    <li><a href="#">e</a></li>                 
                </ul>



                <button type="button" class="btn btn-blue dropdown-toggle" data-toggle="dropdown">menu2</button>
                <ul class="dropdown-menu">
                    <li><a href="#">1</a></li>
                    <li><a href="#">2</a></li>                   
                    <li><a href="#">3</a></li>                   
                    <li><a href="#">4</a></li>
                    <li><a href="#">5</a></li>
              </ul>     

        </div>

Answer 1

您需要将每个下拉列表包装在单独的ajsajdj中。下面是有效的代码段

div