使用 Bootstrap 4 Modal 使标签右对齐

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;
}

原文由 Joseph 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您需要将其更改为：

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

justify-content: right 不是有效值。

原文由 Florin Pop 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

将类“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>

原文由 Нурлан Мендигалиев 发布，翻译遵循 CC BY-SA 4.0 许可协议