引导下拉 - 使用插入作为按钮

Question

我目前正在使用Bootstrap 3.0下拉菜单，它工作正常。目前，当我将鼠标悬停在文本或旁边的插入符号上时，它会显示菜单。但是我希望改变它，这样只有当我将鼠标悬停在插入符号上时才会显示下拉列表。

我的代码如下：

   <ul class="nav navbar-nav">
      <li class="dropdown">
         <a href='register'>Register Account</a>
         <a data-toggle="dropdown" class="dropdown-toggle"><b class="caret"></b></a>
         <ul class="dropdown-menu">
            <li><a>Bookmark</a></li>
            <li >Close</li>
         </ul>
       </li>
    </ul>

我的css代码是：

li.dropdown a.dropdown-toggle {
    display:inline-block;
}

a.dropdown-toggle:hover{
    display: block;    
}

Answer 1

从a标记中删除“注册帐户”文字，以便只有插入符号位于链接中：

<li class="dropdown">
    Register Account
    <a data-toggle="dropdown" class="dropdown-toggle">
        <b class="caret"></b>
    </a>
    ...
</li>

然后，您需要添加一些CSS以使插入符号与文本保持一致：

li.dropdown a.dropdown-toggle {
    display:inline-block;
}