Меню Bootstrap; включите текстовую ссылку, нажимая курсор для подменю

Question

Меню, в котором есть подменю, не может связываться, а просто открывает подменю. Если я удалю некоторые атрибуты, он не откроет подменю, но может открыть ссылку.

Возможно ли, чтобы текстовая ссылка на href и каретку открыла подменю.

This is an illustration of how it works

Answer 1

dropdown-toggle имеет href.

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap.min.css"> 
 
    
 
<div class="btn-group"> 
 
    <a class="btn dropdown-toggle" data-toggle="dropdown" href="index.html"> 
 
    Action 
 
    <span class="caret"></span> 
 
    </a> 
 
    <ul class="dropdown-menu"> 
 
    <li><a href="#">Sub Link</a></li> 
 
    <li><a href="#">Sub Link</a></li> 
 
    </ul> 
 
</div> 
 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"></script>