引导程序显示字段信息

Question

我想显示有关所选字段的信息，如此图片所示

我试过popover但是它显示了一个对话框。使用一些无边框弹出窗口或其他东西可以得到这个结果吗？

   <select class="form-control" data-content="This is content." data-   toggle="popover" data-trigger="focus" title="Title"></select>
<script type='text/javascript'>
  $('[data-toggle="popover"]').popover({ html: true });
 </script>

谢谢。

Answer 1

也许试试这个https://jsfiddle.net/2Lzo9vfc/55/

<强> HTML

<form action="" class="form">
    <select class="form-control" name="" id="" data-toggle="tooltip" data-placement="right" title="This is tooltip">
        <option value="">This is option</option>
        <option value="">This is option</option>
        <option value="">This is option</option>
    </select>
        <select class="form-control" name="" id="" data-toggle="tooltip" data-placement="right" title="Lorem ipsum Dolor">
        <option value="">This is option</option>
        <option value="">This is option</option>
        <option value="">This is option</option>
    </select>
</form>

<强> JS

$(function () {
  $('[data-toggle="tooltip"]').tooltip();
});

<强> CSS

.form {
  width: 50%;
  margin: 0 auto;
}