Bootstrap блоки перенос

Нужно чтобы блоки шли друг за другом и переносились на следующую строку, а идут вертикально вниз]1

<div class="container">
    <div class="row md-4">
            <div class="card-deck mb-3 text-center">
                <div class="col-sm-auto">
                    <div class="card mb-4 shadow-sm"  th:each="el : ${posts}">
                        <h4 class="card-header" th:text="${el.title}"></h4>
                        <ul class="list-unstyled mt-3 mb-4 ">
                            <li class="card-body" th:text="${el.mtext}"></li>
                            <a th:href="'/notes/' + ${el.id} + '/edit'" class="btn btn-outline-success">Редактировать</a><br><br>
                            <form th:action="'/notes/' + ${el.id}+ '/remove'" method="post">
                                <button class="btn btn-outline-danger" type="submit">Удалить</button>
                            </form>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>