HTML DropDownList和ActionLink在同一行

Question

我想使用 MCV5 和 Bootwatch（CSS）

显示DropDownList和旁边的链接

查看：

    <div class="form-group">
        <label class="control-label col-md-2" for="productoID">Producto</label>
        <div class="col-md-10">
            <div class="row">
                <div class="col-md-6">
                    @Html.DropDownListFor(model => model.productoID, null, "-- Seleccione un Producto --", new { @id = "producto", @Selected = false, @class = "form-control" })
                    @Html.ValidationMessageFor(model => model.productoID)
                </div>
                <div class="col-md-2">
                    @Html.ActionLink("+", "../Producto/Create")
                </div>
            </div>
        </div>
    </div>`

实际上它们显示在同一行，但不是彼此相邻，有一个无法删除的空间。

Answer 1

您无法摆脱空间，因为您将下拉列表和锚点放在不同的列中。

您希望使用inline form将它们放在同一列中。