下拉列表在MVC剃须刀视图中未在其下方元素下方扩展

Question

我在视图中创建了一个带有以下代码的视图。

<div class="form-group col-md-12 col-sm-12">
    <div class="col-md-6 col-sm-6">
        Ask
        <select name="drpExpertId" id="drp_ExpertId" class="dropdown">
            <option value="0">-- Select Expert --</option>
            @foreach (var item in Model.ExpertsList)
            {
                <option value="@item.Id">@item.ExpertName, the @item.ExpertArea</option>
            }
        </select>
    </div>
    <div class="col-md-6 col-sm-6">&nbsp;</div>
    <div class="col-md-12 col-sm-12">
        @Html.TextAreaFor(m => m.ExpertComment.Question, new { @class = "form-control ", placeholder = "Your Question" })
        @Html.HiddenFor(m => m.ExpertComment.QuestionAskedDate, new { @Value = DateTime.UtcNow })
    </div>
    <div class="col-md-12 col-sm-12">
        <input type="submit" value="Save" class="btn btn-default text-danger" />
    </div>
    <div class="col-md-12 col-sm-12">
        &nbsp;
    </div>
</div>

通过检查下拉的值时，下拉次数的值正正确。但是在UI中，它没有花费。当我将线路断裂（＆lt; br/>＆lt; br/>＆lt; br/>）放置后，它开始显示值，并且也会扩展。我找不到我在犯的错误。代码的上述部分属于 @html.beginform，并具有类

new { @class = "form-horizontal", role = "form" })

此代码中没有其他类或CSS。

Answer 1

现在更改的代码为..

<div>
        Ask
        <select name="drpExpertId" id="drp_ExpertId">
            <option value="0">-- Select Expert --</option>
            @foreach (var item in Model.ExpertsList)
            {
                <option value="@item.Id">@item.ExpertName, the @item.ExpertArea</option>
            }
        </select>
    </div>

这很好。