html - 更改复选框位置

Question

在我浏览文件和复选框当前的 View 中，复选框位于浏览控件上方，我希望它位于它的左侧，我应该如何更改它？

    <div class="form-group">
        @Html.LabelFor(model => model.Cert, new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @if (Model.Certificate !=null)
            {
                <input type="checkbox" checked="checked" disabled="disabled" />
            }
            else
            {
                <input type="checkbox" disabled="disabled" />
            }
            <input type="file" name=ficateFile />
        </div>
    </div>

Answer 1

在没有看到您的完整代码和 CSS 的情况下，这是一件很难回答的事情，但也许您可以试试这个？

input[type=checkbox], input[type=file] {
    display: inline-block;
}

如果这不起作用，您可以将复选框和文件上传分成 2 列，例如

<div class="form-group">
    <div class="col-md-2"></div> <!-- Label -->
    <div class="col-md-2"></div> <!-- Checkbox -->
    <div class="col-md-8"></div> <!-- File Upload -->
</div>