twitter bootstrap".input-append"无法使用popover

Question

当我同时使用输入append和popover然后popover不工作,但是当我删除附加的输入(通过删除input-append类)然后它工作.这是我的代码:

<span class="input-append">

                <button class="span2" id="filter" type="text" name="filter" placeholder="Type your filter">itest</button>
          <button class="btn" id="filterSubmits">Go</button>
</span>
<script>
jQuery(function() {


        $('#filter').attr('data-title', 'Search tips').
            attr('data-content', 'Search format: -|+').
            attr('data-placement', 'bottom').
            attr('data-trigger', 'focus');

        $('#filter').popover('show');
})
</script>

这里有什么问题吗？

Answer 1

如果你看一下css的input-append,你会发现它将font-size设置为0.添加以下样式将解决你的问题:

.popover {
    font-size: 14px;
}