Для data-toggle указать dropdown и tooltip

[mstdmstd]

Всем привет,

В верстке Bootstrap 3.3.7. есть выпадающее меню с довольно длинным текстом
и хочется длинный текст вывести в тултипе а в меню короткий текст вроде:

<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown tooltip" data-placement="left" title="SomeRatherLongTextTextTextText">



ShortText <b class="caret"></b>

</a>

<ul class="dropdown-menu">
<li>

 

...

Но тогда и менюха перестает работать. Получается что для data-toggle может быть указано или dropdown или tooltip...
Никак нельзя извернуться чтобы меню и тултип работал для одной сссылки ?

Спасибо!

[mrnobody]

А вы попробуйте обернуть текст внутри ссылки в спан и ему задать data-toggle="tooltip":

<li class="dropdown">
  <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-placement="left" title="SomeRatherLongTextTextTextText">
    <span data-toggle="tooltip">ShortText</span> <b class="caret"></b>
  </a>
  <ul class="dropdown-menu">…</ul>
<li>