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>