如何将当前页面保留在Bootstrap ul中？

Question

我正在使用Bootstrap使用JSTL标签创建的分页看起来更好。出于某种原因，当前页码位于引导样式之外的右侧。谁能告诉我为什么我的代码会这样做以及如何解决它？谢谢！

    <nav aria-label="Page navigation">
        <ul class="pagination">
            <li><c:if test="${currentPage != 1}">
                    <a href="event.do?page=${currentPage - 1}" aria-label="Previous">
                        <span aria-hidden="true">&laquo;</span>
                    </a>
                </c:if></li>
            <c:forEach begin="1" end="${noOfPages}" var="i">
                <c:choose>
                    <c:when test="${currentPage eq i}">
                        <li>${i}</li>
                    </c:when>
                    <c:otherwise>
                        <li><a href="event.do?page=${i}">${i}</a></li>
                    </c:otherwise>
                </c:choose>
            </c:forEach>
            <li><c:if test="${currentPage lt noOfPages}">
                    <a href="event.do?page=${currentPage + 1}" aria-label="Next">
                        <span aria-hidden="true">&raquo;</span>
                    </a>
                </c:if></li>
        </ul>
        </nav>

Answer 1

使用mr-0将当前页码包裹在锚标记中。

像这样：

style="margin-right: 0"

我想可能是因为分页的Bootstrap样式需要标记href="#"。