as a dropdown-e put the link where

body{ padding:10px; } .show-on-hover:hover > ul.dropdown-menu { display: block; } 
 <div class="container"> <div class="row"> <div class="btn-group show-on-hover"> <a href="ssylka.ru" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> Action <span class="caret"></span> </a> <ul class="dropdown-menu" role="menu"> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> <li><a href="#">Something else here</a></li> <li class="divider"></li> <li><a href="#">Separated link</a></li> </ul> </div> </div> </div> 

  • <a href="ssylka.ru" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> Action </ span> </a> - does not work - user22977
  • Before links to an external resource, two slashes "//ssylka.ru" are needed. Everywhere, not only in bootstrap. http: // www.ssylka.ru - here two slashes play the same role, they say that this is an external resource. - Duck Learns to Take Cover
  • still on the mobile version does not open dropdown - user22977

0