<nav th:fragment="navbar" class="navbar navbar-expand-md sticky-top bg-body border-bottom">
    <div class="container">
        <a class="navbar-brand fw-bold" th:href="@{/}">Kiyan Mckop</a>

        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navMain">
            <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse" id="navMain">
            <ul class="navbar-nav ms-auto align-items-md-center gap-md-2">
                <li th:each="link : ${links}" class="nav-item">
                    <a class="nav-link" th:href="${link.directory}" th:text="${link.title}">About</a>
                </li>
            </ul>
        </div>
    </div>
</nav>