twitter-bootstrap - Bootstrap 下拉菜单标题宽度和插入符号

Question

对于下拉菜单，如果我固定菜单标题的大小并使用 text-overflow: ellipsis;这也取消了 caret symbol 。你可以在这里看到它，下面是代码

http://jsfiddle.net/bZw8X/1/

<div class="navbar navbar-inner">
                    <ul class="nav">  
<li class="dropdown">
     <a  href="#" class="dropdown-toggle" data-toggle="dropdown">This is my test heading <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                 <li><a href="editProfile"> Edit Profile </a></li>
                                <li><a href="logout/"><i class="icon-block"></i> Logout</a></li>
                            </ul>
 </li> 


<li class="dropdown">
     <a  href="#" class="dropdown-toggle" data-toggle="dropdown">Second <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                 <li><a href="editProfile"> Edit Profile </a></li>
                                <li><a href="logout/"><i class="icon-block"></i> Logout</a></li>
                            </ul>
 </li>                         

       </ul> 
                </div>

有什么办法(破​​解)我可以在这里得到插入符号吗？

谢谢

Answer 1

在文本前添加插入符号，并使其向右浮动。

<b class="caret pull-right">This is my test heading

Updated Fiddle