Как отодвинуть элементы в конец дива? bootstrap5

        <div class="row align-items-center field-separator">
            <div class="col-auto">
                <p class="mb-0">Триггеры:</p>
            </div>
            <div class="col-auto p-0">
                <button type="button" class="btn btn-outline-success btn-sm">Добавить триггер</button>
            </div>
            <div class="col-auto p-0 me-3">
                <button type="button" class="btn btn-outline-success btn-sm">Группу</button>
            </div>
            <div class="col-auto p-1">
                <textarea class="form-control" rows="1" placeholder="" style="width: 50px; height: 31px;"></textarea>
            </div>
            <div class="col-auto p-0">
                <textarea class="form-control" rows="1" placeholder="" style="width: 50px; height: 31px;"></textarea>
            </div>
        </div>

Мне нужно чтобы все элементы кроме p были в конце дива. Добавление d-flex justify-content-end

UPD:

    <div class="row align-items-center field-separator">
        <div class="col-auto">
            <p class="mb-0">Триггеры:</p>
        </div>
        <div class="d-flex justify-content-end">             
            <div class="col-auto p-0">
                <button type="button" class="btn btn-outline-success btn-sm">Добавить триггер</button>
            </div>
            <div class="col-auto p-0 me-3">
                <button type="button" class="btn btn-outline-success btn-sm">Группу</button>
            </div>
            <div class="col-auto p-1">
                <textarea class="form-control" rows="1" placeholder="" style="width: 50px; height: 31px;"></textarea>
            </div>
            <div class="col-auto p-0">
                <textarea class="form-control" rows="1" placeholder="" style="width: 50px; height: 31px;"></textarea>
            </div>
        </div>
    </div>

сделал так но теперь все такое введите сюда описание изображения


Ответы (0 шт):