Twitter bootstrap 内有多个链接的引导下拉项

Twitter bootstrap 内有多个链接的引导下拉项,twitter-bootstrap,drop-down-menu,Twitter Bootstrap,Drop Down Menu,因为引导下拉项具有以下结构: <ul class="dropdown-menu"> <li><a href="linkt/to/item1">Item1</a></li> </ul> 不可能将包含多个链接词的文本放在同一项目中。比如: <ul class="dropdown-menu"> <li>This <a href="linkt/to/item1">Item

因为引导下拉项具有以下结构:

<ul class="dropdown-menu">
    <li><a href="linkt/to/item1">Item1</a></li>
</ul>
不可能将包含多个链接词的文本放在同一项目中。比如:

<ul class="dropdown-menu">
    <li>This <a href="linkt/to/item1">Item</a> 
        is a part of <a href="linkt/to/page1">Page1</a>
    </li>
</ul>
  • 这个 是

还有其他选项吗?

  • 内容包装到
    中:

  • 这个 是
  • 并添加以下CSS以防止换行:

    。下拉菜单li span{
    空白:nowrap;
    左侧填充:5px;
    右侧填充:5px;
    }
    
    填充物仅用于眼睛:)演示->