본문 바로가기

Development/WebUI FrameWork | BootStrap

부트스트랩 페이징 가운데 정렬(Center)

부트스트랩에서 페이지네이션 목록을 가운데 정렬할때마다 좀 짜증나는데;;

구글링해보니 생각보다 간단했다.


부트스트랩에서 페이지네이션은 아래와 같은 코드로 되있을것이다.

<div class="pagination">
    <ul>
        <li class="first"><i class="icon-first-2"></i></li>
        <li class="prev"><i class="icon-previous"></i></li>
        <li>1</li>
        <li>2</li>
        <li class="active">3</li>
        <li class="spaces">...</li>
        <li class="disabled">4</li>
        <li>500</li>
        <li class="next"><i class="icon-next"></i></li>
        <li class="last"><i class="icon-last-2"></i></li>
    </ul>
</div>

암튼 그래가지고 저기에서 <ul> 요소에 display 속성을 inline-block 으로 해줌 생각보다 간단.^^