javascript - 推特 Bootstrap ".input-append"不适用于弹出窗口

Question

当我同时使用 input 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

如果您查看 input-append 的 css，您会发现它将 font-size 设置为 0。添加以下样式将解决您的问题:

.popover {
    font-size: 14px;
}