Responsivní stránkování

Výsledek

<title>Responsivní stránkování</title>
<h1>Responsivní stránkování</h1>

<div class="pagination">
<ul class="pagination-list">
	<li class="pagination-prev"><a href="?paginator-page=50" class="arrow-left r-image ajax">&laquo; Prev</a></li>
	
					
		<li><a href="" class="ajax">1</a></li>
	<li class="pagination-separator"></li>
		<li class="pagination-nicetohave"><a href="?paginator-page=49" class="ajax">49</a></li>
	
		<li><a href="?paginator-page=50" class="ajax">50</a></li>
	
		<li><span>51</span></li>
	
		<li><a href="?paginator-page=52" class="ajax">52</a></li>
	
		<li class="pagination-nicetohave"><a href="?paginator-page=53" class="ajax">53</a></li>
	<li class="pagination-separator pagination-nicetohave"></li>
		<li class="pagination-nicetohave"><a href="?paginator-page=101" class="ajax">101</a></li>
	<li class="pagination-separator pagination-nicetohave"></li>
		<li class="pagination-nicetohave"><a href="?paginator-page=150" class="ajax">150</a></li>
	<li class="pagination-separator"></li>
		<li><a href="?paginator-page=200" class="ajax">200</a></li>
	
	<li class="pagination-next"><a href="?paginator-page=52" class="arrow-right r-image ajax">Next &raquo;</a></li>
	
				</ul>
</div>

HTML

Autoformát
Standardní režim
Mobilní zobrazení

CSS

Autoformát
CSS reset
Až na konci

JS

Autoformát
jQuery
Umístění JS