現在のページをBootstrap ulの中に保存するにはどうしたらいいですか？

私は、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>

出典

2017-11-29 Amanda Michel

ようこそスタックオーバーフロー、あなたの質問には、[最小、完全で、検証可能な例]（https://stackoverflow.com/help/mcve）が含まれている必要があります。 – hungerstar

私はマークアップが正しいと思う（私はJSTLに慣れていない）が、テストとして私はあなたの現在のページ番号を ''にラップしようとして、違いがあるかどうかを調べるだろうと思う。だから '

${i}

' – zgood

はい！出来た！どうもありがとうございます！ –