New to Kendo UI for jQuery? Download free 30-day trial

Expand ComboBoxes in Bootstrap Layouts

The following example demonstrates how to expand a Kendo UI ComboBox located in a Bootstrap layout.

Basically, the approach is to set the input width to 100%.

  <div class="row">
    <div class="col-md-8"><input id="categories" style="width: 100%" /></div>
    <div class="col-md-4">.col-md-4</div>
    $(document).ready(function() {
            dataTextField: "CategoryName",
            dataValueField: "CategoryID",
            dataSource: {
                type: "odata",
                serverFiltering: true,
                transport: {
                    read: ""

See Also

For more runnable examples on the Kendo UI ComboBox, check its how-to articles.

In this article
Not finding the help you need? Improve this article