无法左对齐 DropDownListFor答案

【问题标题】：Not able to left justify a DropDownListFor无法左对齐 DropDownListFor
【发布时间】：2017-01-31 13:21:47
【问题描述】：

我有一个带有 BootStrap 的 Html.DropDownListFor，它不像我的表单中的 Html.TextBoxFor 那样左对齐。我试过“拉左”和“左文本”都没有运气。当我使用开发人员工具查看页面时，我看不到任何导致问题的东西。

<div class="panel panel-default">
    <div class="panel-heading">
        <h3 class="panel-title">Submitter Information</h3>
    </div>
    <div class="panel-body">

        <div class="row form-group">
            @Html.LabelFor(m => m.EmployeeId, new { @class = "col-md-4 control-label text-right" })
            @Html.TextBoxFor(m => m.EmployeeId, new { @class = "col-md-8 form-control", @readonly = "true" })
        </div>

        <div class="row form-group">
            @Html.LabelFor(m => m.EmployeeName, new { @class = "col-md-4 control-label text-right" })
            @Html.TextBoxFor(m => m.EmployeeName, new { @class = "col-md-8 form-control", autofocus = true, @placeholder = "Employee Name" })
        </div>

        <div class="row form-group">
            @Html.LabelFor(m => m.EmployeeEmail, new { @class = "col-md-4 control-label text-right" })
            @Html.TextBoxFor(m => m.EmployeeEmail, new { @class = "col-md-8 form-control", @placeholder = "Email Address" })
        </div>

        <div class="row form-group">
            @Html.LabelFor(m => m.SelectedEmployeeCo, new { @class = "col-md-4 control-label text-right" })
            <div class="col-md-8 pull-left">
                @Html.DropDownListFor(x => x.SelectedEmployeeCo, 
                                        new SelectList(Model.Companies, "Co", "Name"), 
                                        "-- Select Company --", 
                                        new {@class = "form-control text-left" })
            </div>
        </div>

    </div>
</div>

【问题讨论】：

如果在 div 上添加“form-control”会怎样？ <div class="col-md-8 pull-left form-control">
感谢您的建议。不幸的是，这并没有奏效，但它让我今天早上用全新的眼光看待它，我发现了这个问题。

标签： css twitter-bootstrap asp.net-mvc-5

【解决方案1】：

我改变了一些东西，这对我来说应该是显而易见的，因为我正在为另一个 TextBoxFor 做同样的事情。我最终将列类直接移到 DropDownListFor 上的 CSS 中，而不是放在单独的 div 中。我原以为它会呈现相同的效果，但事实并非如此。所以，这里的重点是保持一致。要么将每个控件包装在带有 CSS 列的 div 中，要么直接在控件上应用 CSS。

这就是我修复它的方法。

<div class="row form-group">
    @Html.LabelFor(m => m.SelectedEmployeeCo, new { @class = "col-md-4 control-label text-right" })
    @Html.DropDownListFor(x => x.SelectedEmployeeCo,
                            new SelectList(Model.Companies, "Co", "Name"),
                            "-- Select Company --",
                            new { @class = "col-md-8 form-control pull-left" })
</div>

【讨论】：