:root {
    --bs-row-label-width: 100px;
}

@media (min-width: 576px) {
    .form-inline .form-label {
        padding: 7px 0;
        margin-bottom: 0;
        padding-right: 10px;
        width: var(--bs-row-label-width);
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        vertical-align: top;
        display: inline-block;
    }

        .form-inline .form-label + * {
            width: calc(100% - var(--bs-row-label-width));
        }

            .form-inline .form-label + *:not(.input-group):not(.switch) {
                display: inline-block;
            }

        .form-inline .form-label + .input-group {
            display: inline-flex;
        }

        .form-inline .form-label + .switch,
        .form-inline .form-label + .form-checkbox {
            padding: 7px 0;
        }

    .form-inline.is-end > div > .form-label {
        text-align: right;
    }

    .form-inline.is-center > div > .form-label {
        text-align: center;
    }
}
