Lapozó

html
<nav aria-label="Lapozó" class="" role="navigation">
    <ul class="pagination">
        <li class="disabled"><a aria-label="Vissza az első oldalra" title="Vissza az első oldalra" aria-current="false"><i class="fa fa-angle-double-left" aria-hidden="true"></i></a></li>
        <li class="disabled"><a aria-label="Előző oldal" title="Előző oldal" aria-current="false"><i class="fa fa-angle-left" aria-hidden="true"></i></a></li>
        <li class="active"><a href="#" title="Első oldal, aktuális oldal" aria-label="első oldal, aktuális oldal" aria-current="true">1</a></li>
        <li class=""><a href="#" title="Második oldal" aria-label="második oldal" aria-current="false">2</a></li>
        <li class=""><a href="#" title="Harmadik oldal" aria-label="harmadik oldal" aria-current="false">3</a></li>
        <li><a href="#" title="Következő oldal" aria-label="következő oldal" aria-current="false"><i class="fa fa-angle-right" aria-hidden="true"></i></a></li>
        <li class="disabled"><a aria-label="Utolsó oldal" title="Utolsó oldal" aria-current="false"><i class="fa fa-angle-double-right" aria-hidden="true"></i></a></li>
        <li>
            <div class="btn-group">
                <select class="form-control" title="" aria-label="megjeleníthető elemek száma">
                    <option value="10">– 10 –</option>
                    <option value="25">– 25 –</option>
                    <option value="50">– 50 –</option>
                    <option value="100">– 100 –</option>
                </select>
            </div>
        </li>
    </ul>
</nav>
css
.pagination .open>.dropdown-menu {
	min-width: 55px;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	background-color: #004b88;
	border-color: #004b88;
}

.pagination>li>a,
.pagination>li>span {
	border: none;
	padding: 5px 15px;
	font-size: 0.8rem;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	background-color: #004b88;
	border-color: #004b88;
}

.pagination select.form-control {
	font-size: 0.8rem;
	padding: 2px;
}