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;
}