使用Bootstrap 4模式使标签正确对齐

Question

如何使该标签正确对齐？我只能左对齐。我要重写的引导4默认值justify-content: center来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>

Answer 2

您需要将其更改为：

div.form-inline label.col-md-4{
    justify-content: flex-end;
}

justify-content: right 不是有效值。