Html 引导导航栏下拉列表：单击用于下拉列表的插入符号和用于链接的单词

我制作了一个带有下拉菜单的导航栏菜单，我想知道在移动视图中是否有方法单击插入符号打开子菜单下拉菜单和链接/单词打开链接

这将仅打开下拉子菜单

        <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button">Dropdown <span class="caret"></span></a>
            <ul class="dropdown-menu">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
            </ul>
        </li>

这将仅打开外部链接

    <li class="dropdown">
        <a href="www.example.com" class="dropdown-toggle" data-toggle="dropdown" role="button">Dropdown <span class="caret"></span></a>
        <ul class="dropdown-menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
        </ul>
    </li>

如果我分割链接，插入符号似乎有效，但对齐出错：

        <li class="dropdown">
            <a href="www.google.it">Dropdown click</a>
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"><span class="caret"></span></a>
  <ul class="dropdown-menu">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
            </ul>
        </li>

这里有一个例子