Bootstrap下拉菜单项包装

Question

我的下拉列表会破坏长文本的项目：

我需要它在一行中，左边是文字和图标，标签拉了一下。这是HTML代码：

<ul class="dropdown-menu">
  <li>
    <a class="clearfix" href="/">
      <div class="pull-left">
        <i class="glyphicon glyphicon-tag"></i>
        <span>&nbsp;&nbsp;Ticket issues&nbsp;</span>
      </div>
      <span class="label label-warning pull-right">5</span>
    </a>
  </li>
</ul>

请帮忙。

Answer 1

即使问题很老，我也想回答，因为我有类似的经历。 您需要在CSS中添加以下内容，以覆盖空白dropdown-items属性：

.dropdown-menu a.dropdown-item{
  white-space: nowrap; 
}

使用此属性，文本将永远不会环绕到下一行。文本继续在同一行上，直到遇到br标签。

Answer 2

在CSS中尝试以下操作；

.wrapOptions {
  overflow: auto;
  min-width: 700px;
}