2017-11-29 20 views
1

picture of current page number displayed outside of normal area현재 페이지를 부트 스트랩 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> 
+0

스택 오버플로에 오신 것을 환영합니다. 질문에 [최소의 완전하고 검증 가능한 예] (https://stackoverflow.com/help/mcve)가 있어야합니다. – hungerstar

+0

마크 업이 정확 해 보입니다 (JSTL에 익숙하지 않은 것 같습니다).하지만 테스트로 현재 페이지 번호를 ''으로 감싸고 차이가 있는지 확인하려고합니다. 그러면 '

  • ${i}
  • ' – zgood

    +0

    예! 그것은 효과가있다! 정말 고맙습니다! –

    답변

    0

    앵커 태그의 현재 페이지 번호를 href="#"으로 감습니다. 이처럼

    : 매김을위한 부트 스트랩 스타일 마크 업 ul > li > a을 필요로하기 때문에

    <li><a href="#">${i}</a></li>

    는 아마 생각합니다.