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