Lapozó

html
<nav aria-label="Lapozó" class="" role="navigation">
    <ul class="pagination">
        <li class="disabled"><a aria-label="Első" title="Első"><i aria-hidden="true" class="fa fa-angle-double-left"></i></a></li>
        <li class="disabled"><a aria-label="Előző" title="Előző"><i aria-hidden="true" class="fa fa-angle-left"></i></a></li>
        <li class="active"><a>1</a></li>
        <li class=""><a>2</a></li>
        <li class=""><a>2</a></li>
        <li class="disabled"><a aria-label="Következő" title="Következő"><i aria-hidden="true" class="fa fa-angle-right"></i></a></li>
        <li class="disabled"><a aria-label="Utolsó" title="Utolsó"><i aria-hidden="true" class="fa fa-angle-double-right"></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;
}