반응형
부트스트랩에서 페이지네이션 목록을 가운데 정렬할때마다 좀 짜증나는데;;
구글링해보니 생각보다 간단했다.
부트스트랩에서 페이지네이션은 아래와 같은 코드로 되있을것이다.
<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 으로 해줌 생각보다 간단.^^
반응형
'Development > UI FrameWork' 카테고리의 다른 글
[BootStrap 3] popover live (0) | 2016.06.19 |
---|---|
[BootStrap] Tooltip Styling (0) | 2016.06.19 |
Metro UI CSS 2.0 BootStrap - Guide 1. Base CSS | 1. General CSS (0) | 2014.06.17 |
Metro UI CSS 2.0 BootStrap - Guide 1. Base CSS | Requirements (0) | 2014.06.17 |
메트로UI (MetroUI) 부트스트랩 (2) | 2014.03.14 |
댓글