bootstrap popover не отображается по опции: hover

Question

Я бы хотел использовать функциональность Bootstrap popover, чтобы отобразить более подробную информацию о <option> -s в элементе <select> при наведении указателя мыши. Я в состоянии получить поповер работать по наведению для <button>, но я не могу заставить его работать на <option> -s в пределах выбранного элемента:

<form class="form-horizontal"> 
    <div class="form-group"> 
    <label for="x" class="col-md-2 control-label">x</label> 
     <div class="col-md-8"> 
     <select name="x" id="x" class="form-control control"> 
      <option value="a" data-toggle="popover" data-content="a value" data-title="a">a</option> 
      <option value="b" data-toggle="popover" data-content="another value" data-title="b">b</option> 
      <option value="c" data-toggle="popover" data-content="yet another value" data-title="c">c</option> 
     </select> 
     </div> 
    </div> 
</form> 

Это, как представляется, связано с another question кроме разметки отличается. Для справки, this jsfiddle has a working example to demonstrate the behavior. Это ошибка бутстрапа? Я не правильно инициализирую popover в этом случае?

Answer 1

Я не думаю, что это ошибка, похоже, ограничение браузера, поскольку select - это собственный элемент управления, его раскрывающийся список зависит от базовой системы окон. Суть в том, что вы хотите достичь, невозможно.

Однако вы можете прикрепить popover к самому select, с переменными данными в соответствии с текущим option.