css - 使用 Bootstrap 4 Modal 使标签右对齐

Question

如何使这个标签正确对齐？我只能将它左对齐。我必须将 justify-content: center 的 bootstrap 4 默认值覆盖为 justify-content: right !important; 但它向左对齐。如何使其右对齐？

<div class="modal-body">
    <form class="form-horizontal">
        <div class="form-inline">
            <label class="col-md-4">Type</label>
            <input class="col-md-8" type="email" class="form-control">
        </div>
    </form>
</div>

CSS:

div.form-inline label.col-md-4 {
    justify-content: right !important; 
}

Answer 1

添加类“text-right”到标签

<div class="modal-body">
    <form class="form-horizontal">
        <div class="form-inline">
            <label class="col-md-4 text-right">Type</label>
            <input class="col-md-8" type="email" class="form-control">
        </div>
    </form>
</div>