JSF print 4 element on a row

<div class="row mb-4 d-flex justify-content-around flex-wrap">
                    <ui:repeat value="#{userAllHomePageBean.userAllViewModels}" var="currentUser" >
                        <div class="col-md-3 d-flex flex-column text-center mt-4 mx-auto">
                            <h:graphicImage
                                    library="app-lib"
                                    value="/resources/app-lib/img/#{currentUser.gender.name().toLowerCase()}.png"
                                    class="img-thumbnail mx-auto"
                                    width="200"
                                    height="200"
                            />
                            <h5 class="text-center">#{currentUser.username}</h5>
                            <h:form>
                                <h:commandButton value="Add Friend" action="#{addFriendBean.addFriend(currentUser.id)}" class="btn btn-info">
                                    <f:param name="studentId" value="#{currentUser.id}" />
                                </h:commandButton>
                            </h:form>

                        </div>
                    </ui:repeat>
                </div>