혹시라도 부트스트랩 5버전 쓰시는분들 위해 남겨봅니다.

부트스트랩5 에서는 media 클래스가 삭제되었나봅니다.

대신에 d-flex를 사용하면 되는데요, 기본적인 사용방법은 여기 있습니다.

또한 이런식으로 적용하면 됩니다. 

<div th:fragment="member-list(members, isManager)" class="row px-3 justify-content-center">
    <ul class="list-unstyled col-10">
        <li class="d-flex mt-3" th:each="member: ${members}">
            <div class="flex-shrink-0">
                <svg th:if="${#strings.isEmpty(member?.profileImage)}" th:data-jdenticon-value="${member.nickname}"
                     width="64" height="64" class="rounded border bg-light me-3"/>
                <img th:if="${!#strings.isEmpty(member?.profileImage)}" th:src="${member?.profileImage}" width="64"
                     height="64" class="rounded border bg-light me-3" th:alt="${member.nickname} + '\'s profile Image'"
                     alt="nickname" src="#"/>
            </div>
            <div class="flex-grow-1">
                <h5 class="mt-0 mb-1">
                    <span th:text="${member.nickname}"></span>
                    <span th:if="${isManager}" class="badge bg-primary">관리자</span>
                </h5>
                <span th:text="${member.bio}"></span>
            </div>
        </li>
    </ul>
</div>

역시 프론트는 어렵네요...