javascript - twitter bootstrap“.input-append”不适用于popover

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