DevExpress ComboBox не отображается при загрузке Bootstrap

Question

Я пытаюсь работать с элементами управления DevExpress MVC и использовал DevExpress ComboBox и создал для этого всплывающее окно Bootstrap.Вот мой код:

<div class="container" style="width: 300px; float: left; margin: 10px 10px 10px 10px;">
    <ul class="list-group">
        <li class="list-group-item">
            <a id="one">One</a>
        </li>
        <li class="list-group-item">
            <a id="two">Two</a>
        </li>
        <li class="list-group-item">
            <a id="three">Three</a>
        </li>
        <li class="list-group-item">
            <a id="four">Four</a>
        </li>
    </ul>
</div>

<div id="one-content" style="display: none">
    <div class="arrow"></div>

    <div class="container" style="width:400px !important">
        <div class="row">
            <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
                <div data-toggle="buttons" class="info-block block-info clearfix">
                    <button id="meds-popover-link-type-selection" class="btn btn-default button-popover"> Suspect </button>
                </div>
            </div>

            <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
                <div data-toggle="buttons" class="info-block block-info clearfix">
                    <button id="meds-popover-link-type-selection" class="btn btn-default button-popover"> Concomitant </button>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="form-group">
                <label> General Section</label>
                <select>
                    <option>Test 1</option>
                    <option>Test 2</option>
                    <option>Test 3</option>
                    <option>Test 4</option>
                </select>
            </div>
        </div>

        <div class="row">
            <label>Owner / Assigned To </label>
            <div class="editor">
           @Html.DevExpress().ComboBox(settings =>
           {
               settings.Name = "test";
               settings.SelectedIndex = -1;
               settings.Properties.ValueType = typeof(string);
               settings.Properties.Items.Add("Non-Serious");
               settings.Properties.Items.Add("Serious-expected");
               settings.Properties.Items.Add("Serious-unexpected");
               settings.Properties.Items.Add("Life Threating");
           }).GetHtml()
            </div>
        </div>
    </div>
</div>

Ниже приведен код JavaScript, который я использую для вызова popover:

<script>
    $('#one').popover({
        trigger: 'manual',
        placement: 'right',
        container: 'body',
        html: true,
        content: function () {
            return $('#one-content').html();
        }
    }).click(function (e) {
        $(this).popover('toggle');
        e.preventDefault();
    });
</script>

Проблема в том, что выпадающий список не отображается при открытом Popover.Я могу работать с простым выпадающим списком или выпадающим списком MVC, но при всплывающем окне поле со списком Devexpress не отображается.

См. Изображения: