<script src="http://cat.hr00.ru/demo/8.5-adaptive/templates/adaptive/script/jquery-1.11.3.min.js"></script> <script src="http://cat.hr00.ru/demo/8.5-adaptive/templates/adaptive/boostrap/js/bootstrap.min.js"></script> <link href="http://cat.hr00.ru/demo/8.5-adaptive/templates/adaptive/boostrap/css/bootstrap.min.css" rel="stylesheet"/> <div class='btn pull-left ' data-toggle="dropdown"><span class='glyphicon glyphicon-cog'></span> Параметры1</div> <div class='dropdown-menu'>test1</div> <div class='btn pull-left ' data-toggle="dropdown"><span class='glyphicon glyphicon-cog'></span> Параметры2</div> <div class='dropdown-menu'>test2</div>

How to make 2 different menus to work separately? This example displays only one menu with two buttons. thank

    1 answer 1

     <div class="btn-group"> <div class='btn pull-left ' data-toggle="dropdown"><span class='glyphicon glyphicon-cog'></span> Параметры1</div> <div class='dropdown-menu'> <a class="dropdown-item" href="#">Test 1</a> </div> </div> <div class="btn-group"> <div class='btn pull-left ' data-toggle="dropdown"><span class='glyphicon glyphicon-cog'></span> Параметры2</div> <div class='dropdown-menu'> <a class="dropdown-item" href="#">Test 2</a> </div> </div>

    Demo