Kendo自动完成覆盖引导程序

Question

我目前在项目中使用Kendo UI和Bootstrap，并且遇到一个问题，其中Kendo Autocomplete覆盖了bootstrap css类form-control。无论如何，有什么方法可以阻止自动完成功能覆盖Bootstrap样式？

如您所见，它溢出了Bootstrap应用的常规输入：

这是自动完成代码：

<script type="text/javascript">
    $("#txtName").kendoAutoComplete({
        dataSource: data,
        filter: "startswith",
        placeholder: "Select product..."
    });
</script>

这是我使用form-control的形式：

<form method="post" action="">
    <div class="form-group">
        <label for="txtName">Product name:</label>
        <input class="form-control" id="txtName" type="text" placeholder="Name of the product"/>
    </div>